代码之家 › 专栏 › 技术社区 › Ian Warburton

在网格单元中垂直对齐BoxView

xamarin.forms xamarin xaml

Ian Warburton · 技术社区 · 6 年前

<Grid Grid.Column="1">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="10" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <BoxView Grid.Column="0" BackgroundColor="Red"></BoxView>
    <Label Grid.Column="1" x:Name="lbl1"/>
</Grid>

<Style TargetType="BoxView">
    <Setter Property="WidthRequest" Value="10" />
    <Setter Property="HeightRequest" Value="10" />
    <Setter Property="VerticalOptions" Value="Center" />
    <Setter Property="HorizontalOptions" Value="Center" />
</Style>
<Style TargetType="Label">
    <Setter Property="FontSize" Value="12" />
    <Setter Property="YAlign" Value="Center" />
</Style>

设置 VerticalOptions 到 Start 或 End

4 回复 | 直到 6 年前

pinedax 6 年前

使用 CenterAndExpand 相反

<Style TargetType="BoxView">
    <Setter Property="WidthRequest" Value="10" />
    <Setter Property="HeightRequest" Value="10" />
    <Setter Property="VerticalOptions" Value="CenterAndExpand" />
    <Setter Property="HorizontalOptions" Value="Center" />
</Style>

Here's 一个很好的解释。

Volodymyr Lymar 6 年前

1) 尝试添加明确的行定义及其高度;

或者 肮脏的黑客

Ivan IÄin 6 年前

你也需要在标签上使用这个:

<Setter Property="VerticalOptions" Value="Center" />

Nick Kovalsky 6 年前

当与文本不垂直对齐时:

尝试以下操作:设置标签

VerticalOptions="Fill"

VerticalTextAlignment="Center"

考虑这样一种情况:元素是垂直对齐的,但由于字体创建者的设置、字体在底部或顶部添加了更多的空格,所以看起来不是这样。这可以通过自定义渲染器系统或愚蠢的

TranslationY="1"

或 "-0.5" 无论什么。。

推荐文章

Jasper · 安装页面上看不到AppCenter iOS分发

2 年前

Sam · Xamarin表单中SfChat控件的MVVM

2 年前

Jay Sidri · 沙马林。Android:我们在你的应用程序中找到了广告SDK

3 年前

Gary H · 在Xamarin表单之间传递具有list属性的数据,并循环该列表以构建网格

3 年前

szg1993 · 使残废NET Core IServiceProvider延迟注册

3 年前

jos3m · 与2019/2022年相比,如果不启动emulator设备,按F5键后无法初始化/启动emulator

3 年前

Renish · Xamarin中IOS的深度链接

3 年前

KalleP · 在一个帧中添加两个StackLayout-代码隐藏(而不是xaml)

6 年前

Sreejith Sree · xamarin表单:拨打电话和发送电子邮件(IOS、Android和UWP)

6 年前

Toto · 使用Xamarin绑定slider ValueChanged事件。形式

6 年前