Border:只能有一個子集,如要在內容周圍顯示邊框,必須放在父Border元素中。 屬性BorderBrush設置邊框顏色,BorderThickness設置邊框寬度,CornerRadius設置圓角程度(90度就是直線,0度就是圓)。 <Grid> <Grid.RowDefinitions> < ...
Border:只能有一個子集,如要在內容周圍顯示邊框,必須放在父Border元素中。
屬性BorderBrush設置邊框顏色,BorderThickness設置邊框寬度,CornerRadius設置圓角程度(90度就是直線,0度就是圓)。
<Grid> <Grid.RowDefinitions> <RowDefinition></RowDefinition> <RowDefinition></RowDefinition> </Grid.RowDefinitions> <Border Background="LightBlue" BorderBrush="Black" BorderThickness="20" CornerRadius="45" Padding="25" Grid.Row="0"> </Border> <Border Background="LightBlue" BorderBrush="Black" BorderThickness="20" CornerRadius="45" Padding="25" Grid.Row="1"> <Button Content="999"></Button> </Border> </Grid>
BulletDecorator:將項目符號與另一個可是對象對齊。BulletDecorator有兩個屬性:bullet、child。
bullet放的是項目符號,bullet和child都只能有一個控制項。如果 Child 對象是一個 TextBlock, Bullet 始終與第一行文本對齊。如果 Child 對象不是一個 TextBlock, Bullet 則與 Child 對象的中心對齊。(摘自https://lileltp.wordpress.com/2009/08/03/wpf%E4%B9%8B%E5%B8%83%E5%B1%80-bulletdecorator/)
<Grid> <Grid.RowDefinitions> <RowDefinition></RowDefinition> <RowDefinition></RowDefinition> </Grid.RowDefinitions> <BulletDecorator Grid.Row="0" Grid.Column="0" Margin="0,5,0,0" VerticalAlignment="Center" Background="Yellow"> <BulletDecorator.Bullet> <Label>備註:</Label> </BulletDecorator.Bullet> <!--TextBlock為Child元素--> <!--TextWrapping文本進行換行--> <TextBlock Width="100" TextWrapping="Wrap" HorizontalAlignment="Left" Foreground="Purple"> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 </TextBlock> </BulletDecorator> <BulletDecorator Grid.Row="1" Grid.Column="0" Margin="0,5,0,0" VerticalAlignment="Center" Background="Yellow"> <BulletDecorator.Bullet> <Label>備註:</Label> </BulletDecorator.Bullet> <TextBox Text="奇葩說"></TextBox> </BulletDecorator> </Grid>
Canvas:使用坐標絕對定位元素。子元素的大小需要設置。Canvas.Left指相對佈局的左邊偏離多少,Canvas.Left相對佈局的上面偏離多少,同理Canvas.Bottem、Canvas.Right。
<Canvas> <Canvas Height="100" Width="100" Top="0" Left="0" Background="Red" Cursor="Cross" > <TextBox Text="5555"></TextBox> </Canvas> <Canvas Height="100" Width="100" Top="100" Canvas.Left="100" Background="Green" /> <Canvas Height="100" Width="100" Top="50" Left="50" Background="Blue" /> </Canvas>
DockPanel:停靠面板,Dock="Left"停靠在左邊,Dock="Right"停靠在右邊。 LastChildFill為true,則最後一個元素填充剩下的空間。
<DockPanel LastChildFill="False" HorizontalAlignment="Stretch" VerticalAlignment="Top"> <Button DockPanel.Dock="Left" Content="ButtonLeft"></Button> <Button DockPanel.Dock="Top" Content="ButtonTop"></Button> <Button DockPanel.Dock="Right" Content="ButtonRight"></Button> <Button DockPanel.Dock="Bottom" Content="ButtonBottom"></Button> <Button Content="LastButton"></Button> </DockPanel>
Expander:該控制項顯示具有可摺疊內容,並可以顯示標題。當ExpandDirection為Right或Left,則不應該設置Width。
Header可以是圖片、字元串等。
<!--IsExpanded表示初始狀態是否疊起來--> <Expander Name="myExpander" Background="Tan" HorizontalAlignment="Right" Header="My Expander" ExpandDirection="Down" IsExpanded="False" Width="100"> <TextBlock TextWrapping="Wrap"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua </TextBlock> </Expander>