我正在尝试创建仅底部带有边框的WPF按钮,其余部分将隐藏。我尝试使用borderthickness =“ 0,0,0,1”,但是它不起作用..这是我的代码。
<Button Background="Transparent" BorderThickness="0,0,0,1" BorderBrush="Transparent" Width="235" Padding="5" FlowDirection="LeftToRight">
<StackPanel Orientation="Horizontal" Width="260">
<Image Source="Images/room-32.png" Height="20" Margin="30,0,8,0"/>
<TextBlock Width="200">Station Maintenance</TextBlock>
</StackPanel>
</Button>
Run Code Online (Sandbox Code Playgroud)
这是因为BorderBrush
设置为Transparent
。给它分配颜色。
<Button Background="Transparent" BorderThickness="0,0,0,1" BorderBrush="Black" Width="235" Padding="5" FlowDirection="LeftToRight">
<StackPanel Orientation="Horizontal" Width="260">
<Image Source="Images/room-32.png" Height="20" Margin="30,0,8,0"/>
<TextBlock Width="200">Station Maintenance</TextBlock>
</StackPanel>
</Button>
Run Code Online (Sandbox Code Playgroud)
所以,代替
BorderBrush="Transparent"
Run Code Online (Sandbox Code Playgroud)
使用
BorderBrush="Black" // Any color you would like
Run Code Online (Sandbox Code Playgroud)
编辑
如果您希望周围有一个边框button
,甚至在hover
... 上也可见,则可以在border element
周围添加一个边框button
。
<Border BorderBrush="Black" BorderThickness="0,0,0,1">
<Button Background="Transparent"
Width="235"
Padding="5"
FlowDirection="LeftToRight">
<StackPanel Orientation="Horizontal"
Width="260">
<Image Source="Images/room-32.png"
Height="20"
Margin="30,0,8,0" />
<TextBlock Width="200">Station Maintenance</TextBlock>
</StackPanel>
</Button>
</Border>
Run Code Online (Sandbox Code Playgroud)