Xamarin Forms 网格中的右对齐按钮

标签 xamarin xamarin.forms

我正在使用 7 行 3 列的网格。我在第 7 行和第 3 列添加了一个按钮,如下所示:

<Button Grid.Row="6" Grid.Column="2" HorizontalOptions="End"/>

问题是按钮总是在中心。我似乎无法让它走到最后。
这是结构

















                <Image Aspect="AspectFit" HeightRequest="60" Grid.Row="0" Grid.Column="0" Grid.RowSpan="3"  Source="{Binding ProdImg}" />
                <Label Grid.Row="0" Grid.Column="1" HorizontalOptions="Start" TextColor="White" FontSize="22" Text="{Binding UserName}"/>
                <Label HorizontalOptions="End" Grid.Row="0" Grid.Column="2" TextColor="#b1fc03" FontSize="25" Text ="{Binding Sales, StringFormat='{0:#,#.}'}"/>                                
                <Label Grid.Row="1" Grid.Column="1" HorizontalOptions="Start" TextColor="White" FontSize="10" Text="{Binding LastSale, StringFormat='{0:dd-MMM-yyyy}'}"/>
                <Label HorizontalOptions="End" Grid.Row="1" Grid.Column="2" TextColor="White" FontSize="10" Text="{Binding ProdName}"/>

                <Button x:Name="TryNowBtn" HorizontalOptions="End" Image="try-now.png" Grid.Row="2" Grid.Column="2"></Button>                      
              </Grid>                
            </StackLayout>
          <Image Aspect="AspectFit" Source="separator-line.png"/>
          </StackLayout>
        </ViewCell>
      </DataTemplate>
    </ListView.ItemTemplate>
  </ListView>

我也试过
    View.HorizontalOptions="End"

最佳答案

将您的列定义更改为此

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="Auto"/>
    <ColumnDefinition Width="Auto"/>
    <ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>

对于按钮,此代码没问题
<Button Grid.Row="6" Grid.Column="2" HorizontalOptions="End"/>

关于Xamarin Forms 网格中的右对齐按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40564349/

相关文章:

c# - 如何查看 xamarin 形式的两个引脚之间的距离并将距离作为字符串获取?

mysql - SQL 查询 - 提取带有空值的查询

ios - 从文档目录中删除图像 ios Xamarin

Xamarin iOS 模拟器问题 - 找不到设备

ios - MonoTouch (Xamarin.iOS) Facebook 应用切换支持 iOS 5+

ios - 应用在前台时 iOS 上的横幅

android - 如何从 android 获取照片并将其放入 Xamarin 窗体的图像控件中?

visual-studio-2013 - xamarin 表单预览器在渲染后显示 MockView

mvvm - 使用 Xamarin.Forms 弹出页面后如何处理 ViewModel?

xaml - XAML 编译在运行时的工作方式