首页 文章

按钮边框在XAML / C中被切断＃

提问于
浏览 次
2

我正在使用Visual Studio Community 2013在XAML / C＃中设计一个Windows Phone 8.1应用程序，我正在使用几个按钮 . 出于某种原因，当我将应用程序部署到手机时，一些按钮边框会被切断 . 这是相关的代码：

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

<Button x:Name="MiddleButton" HorizontalAlignment="Stretch" Margin="10,0" VerticalAlignment="Bottom" Height="140" Background="#FF25A618" FontSize="22" ClickMode="Press" BorderBrush="#FF856767" Foreground="White" Content="2" FontFamily="Global User Interface" Grid.ColumnSpan="2" Grid.Column="1" Padding="0"/>
        <Button x:Name="RightButton" Content="3" HorizontalAlignment="Stretch" Margin="0" VerticalAlignment="Bottom" Height="140" Background="#FF0686A2" FontSize="22" ClickMode="Press" BorderBrush="#FF856767" FontFamily="Global User Interface" Grid.Column="3" Padding="0"/>
        <Button x:Name="LeftButton" Content="1" HorizontalAlignment="Stretch" Margin="0" VerticalAlignment="Bottom" Height="140" Background="#FFCB0B0B" FontSize="22" ClickMode="Press" BorderBrush="#FF856767" FontFamily="Global User Interface" Padding="0" UseLayoutRounding="True"/>

我已经尝试更改按钮的HorizontalAlignment属性，并更改边距，以便按钮和屏幕两侧之间有更多空间，但是LeftButton和RightButton的至少一个边框总是被切断 . 使用这些对齐属性，每个按钮的右边框被切断 . 是什么导致边界被切断，我该如何解决这个问题？

c# xaml windows-phone-8.1

1 回答

  • 0

    按钮的 MinWith 定义为默认样式：

    <Setter Property="MinWidth" Value="{ThemeResource PhoneButtonMinWidth}"/>

    这被定义为 109 ，因此比网格中的空间大：

    <x:Double x:Key="PhoneButtonMinWidth">109</x:Double>

    只需设置一个匹配您内容的新 MinWidth 即可 .

    <Button MinWidth="10" ... />
    回复于

相关问题