繁体   English   中英

如何修复 StackLayout Xamarin 中的标签

How to fix Label in StackLayout Xamarin

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

Label移动到另一行时, Grid会移动。 有一个包含两个Columns和两个Rows的网格。 左边的行是相连的。 他们应该有一个带有图像的BoxViewBoxView创建一个边框效果。 Image必须在单元格内和BoxView内居中,这也是居中的。 在顶行的右列中,应该有一个带有LabelStackLayout 当在Label中放置两行文本时,左列从顶部移动。 我想知道是否甚至可以编辑网格的右侧而不以任何方式影响左侧? 截图视频中没有这样的问题,按照我做的例子。 https://youtu.be/tMdHE4UROFg?t=2631

<ContentPage.Content>
    <Grid rainbow:DebugRainbow.ShowColors="True">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="80"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <Grid Margin="10" VerticalOptions="Start">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <BoxView Color="Red" HeightRequest="218" WidthRequest="153" HorizontalOptions="Center" VerticalOptions="Center" Grid.RowSpan="2"/>
            <Image Source="book_casino" Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" HeightRequest="198" WidthRequest="133" HorizontalOptions="Center" VerticalOptions="Center" Aspect="AspectFit"/>
            <StackLayout Grid.Column="1">
                <Label Text="AAAAAAAAAAAAAAAAAAA" FontSize="18" FontAttributes="Bold"/>
            </StackLayout>
        </Grid>
        <Image Source="book_casino" Grid.Row="2"/>
    </Grid>
</ContentPage.Content>
2 个回复

正如史蒂夫暗示的那样,如果您想在标签移动到另一行时删除移位,您应该将BoxViewVerticalOptions设置为Start

代码示例:

   <BoxView
                    x:Name="BookBorderBoxView"
                    Grid.RowSpan="2"
                    HeightRequest="218"
                    HorizontalOptions="Center"
                  
                    VerticalOptions="Start"
                    WidthRequest="153"
                    Color="Red" />

                <Image  Source="XamarinLogo"
                        Grid.Row="0" 
                        Grid.Column="0" 
                        Grid.RowSpan="2" 
                        HeightRequest="220" 
                        WidthRequest="133" 
                        HorizontalOptions="Center" 
                        VerticalOptions="Start" 
                        Aspect="AspectFit"/>
            
            <StackLayout Grid.Column="1">
                <Label Text="AAAAAAAAAAAAAAAAAA" 
                       FontSize="18" 
                       FontAttributes="Bold"/>
            </StackLayout>

在此处输入图像描述

所以我挖掘了真相,原来我的问题是网格的底部空行。

<ContentPage.Content>
    <Grid rainbow:DebugRainbow.ShowColors="True">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="80"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <Grid Margin="10" VerticalOptions="Start">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <BoxView Color="Red" HeightRequest="218" WidthRequest="153" HorizontalOptions="Center" VerticalOptions="Center" Grid.RowSpan="2"/>
            <Image Source="book_casino" Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" HeightRequest="198" WidthRequest="133" HorizontalOptions="Center" VerticalOptions="Center" Aspect="AspectFit"/>
            <StackLayout Grid.Column="1">
                <Label Text="AAAAAAAAAAAAAAAAAAA" FontSize="18" FontAttributes="Bold"/>
            </StackLayout>
            <Grid>
                <StackLayout Grid.Column="1" Grid.Row="1">
                    <Label Text="aaaaa" FontSize="18" FontAttributes="Bold"/>
                </StackLayout>
            </Grid>
        </Grid>
        <Image Source="book_casino" Grid.Row="2"/>
    </Grid>
</ContentPage.Content>
1 修复轴标签中的排版

序言:我想从 R 创建出版级图形,而无需后处理。 我研究所的其他研究人员总是在图形软件(如 Adob​​e Illustrator)中进行后处理。 我希望避免这种情况。 我的抱怨是 R 没有对负数使用正确的减号(尤其是在绘图轴中): (我已圈出违规者供您考虑。) 作为有点排版的书呆子(这 ...

2 如何修复标题标签中的缩进?

我有一些数据显示在 HTML 标题标签中作为工具提示。 我在标题标签中有 foreach 循环。 但由于它在引号(“”)内,缩进被搞砸了。 我应该如何解决这个问题? 为什么整个代码中的&lt;hr&gt;标签不起作用? 另外,如果您对此代码有任何想法,请建议我。 非常感谢! 缩写代码:@php ...

4 在networkx中查找和修复标签岛

我有一个图,其中每个节点都有一个整数标签。 如果图形行为良好,则标记区域将是连续的。 我想在python networkx中写一些东西来“修复”坏图。 例如,在 我想: 1)识别不良节点(蓝色虚线中的节点); 然后 2)移除标签并用正确的值“填充” 我的图表 ...

5 修复了新材料设计 android 中的标签

我已经搜索了很多 stackoverflow 和谷歌材料设计文档,但找不到如何在新材料设计中正确实现简单的固定选项卡的方法。 我正在使用带有工具栏的 appcompat v7 库,这很棒,但似乎无法找到向其添加选项卡或仅在其下方添加选项卡的方法,如下所示 我找到了SlidingTabsBasic类, ...

6 我可以在SPSS中全局修复值/标签对吗

叹。 我已经得到了近15,000个有效案例的出色数据集。 只有一个问题。 我的网络调查配置为自动为每个Likert变量传递唯一的数值。 而且,由于调查分支了多次,所以最终得到了一百多个标量变量,如下所示: SampleLikert变量。 数字。 10355 =“完全不同意。” 10356 = ...

7 由于 i 标签,如何修复按钮中不同的文本对齐

您可以看到“创建”靠近顶部,而“项目”位于中间。 即使我从未给出高度,高度也不同。 当我删除 i 标签时,'project' 和 'create' 都是相同的垂直对齐。 我认为问题是因为 i 标记,但我不知道如何解决它。 我想让“项目”和“创建”都放在按钮的中间。 请帮忙 我已经尝试 =&gt; ...

9 如何在php和mysqli中修复重复的标签名称

我不知道该怎么解释,也许这是可以理解的。 我有2张桌子: 表格标签:(tagID:'1','2','3')(tagName:'a','b','b') 表tag_posts:(postID:'1','1','2')(tagID:'1','2','3') 输出:标记为 ...

10 检测文本中未关闭的html标签,并修复它

我有一个由ckeditor生成的名为news的html文本,因此它可能包含html标签,例如粗体,斜体,段落和....。 我想选择它的前100个字符,并将其显示给我的应用程序的用户。 但是选择新闻的前100个字符可能会导致选择带有未关闭标签的html文本(我的html文本的关闭标签可能位于 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM