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

时间:2015-01-21 23:09:17

标签: c# xaml windows-phone-8.1

我正在使用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"/>

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

1 个答案:

答案 0 :(得分:0)

按钮的默认样式

中定义了 MinWith
<Setter Property="MinWidth" Value="{ThemeResource PhoneButtonMinWidth}"/>

定义为 109 ,因此大于网格中的空间:

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

只需为您的内容设置新的 MinWidth

<Button MinWidth="10" ... />