wpf 学习足迹

来源:互联网 发布:微信小视频特效软件 编辑:程序博客网 时间:2024/06/16 09:03
1、动态加入按钮
    <Grid>
        <ScrollViewer HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Visible">
            <StackPanel Name="addbtn" Margin="5" Orientation="Horizontal" >
                <Button FontSize="20" Foreground="Red" Click="Button_Click" >在窗口里加入按钮</Button>
            </StackPanel>
        </ScrollViewer>
    </Grid>
   --HorizontalScrollBarVisibility="Visible"//水平方向显示滚动条 Horizontal水平的
   --VerticalScrollBarVisibility="Visible" //垂直水平方向显示滚动条 Vertical垂直的
-----后台
 private void Button_Click(object sender, RoutedEventArgs e)
        {
            Button btn = new Button();
            btn.FontSize = 20;
            btn.Content = "新加入按钮";
            btn.Foreground = Brushes.Blue;
            btn.Background = Brushes.Wheat;
            addbtn.Children.Add(btn);
        }


2、dockpanel
<DockPanel Background="White">
            <TextBlock FontSize="16" Foreground="Red" DockPanel.Dock="Top" Margin="20,0,0,10">停靠面板属性</TextBlock>
            <TextBlock DockPanel.Dock="Top" Margin="0,0,0,10" FontSize="14">选择下面的ui元素及其属性,观察UI元素在停靠面板中的位置</TextBlock>
            <StackPanel Orientation="Horizontal" DockPanel.Dock="Top" Margin="0,0,0,10">
                <TextBlock Margin="0,0,0,5" >停靠</TextBlock>
                <ComboBox x:Name="dockcombo" SelectionChanged="dockcombo_SelectionChanged" Height="50">
                    <ComboBoxItem x:Name="docktop" Content="顶部"/>
                    <ComboBoxItem x:Name="dockbottom" Content="底部"/>
                    <ComboBoxItem x:Name="dockleft" Content="左边"/>
                    <ComboBoxItem x:Name="dockright" Content="右边"/>
                </ComboBox>
                <TextBlock Margin=" 0,0,0,5">ui元素</TextBlock>
                <ComboBox Name="controlcombo" Width="60">
                    <ComboBoxItem Name="button">按钮</ComboBoxItem>
                    <ComboBoxItem Name="blocktext1">字符框</ComboBoxItem>
                    <ComboBoxItem Name="circle">圆</ComboBoxItem>
                </ComboBox>
                <TextBlock Margin="5,0,0,5">lastchildfill</TextBlock>
                <ComboBox Text="isnotopen" Width="60">
                    <ComboBoxItem Name="lastchildtrue">true</ComboBoxItem>
                    <ComboBoxItem Name="lastchildfalse">false</ComboBoxItem>
                </ComboBox>
            </StackPanel>
            <Border Background="LightGoldenrodYellow" BorderBrush="Black" BorderThickness="1">
                <DockPanel Name="mydp">
                    <Button Name="btn" MinHeight="200" MinWidth="200" Background="GreenYellow" FontSize="20">按钮</Button>
                    <TextBlock Name="tb" MinHeight="200" MinWidth="200" Background="Cyan" FontSize="20">字符框</TextBlock>
                    <Ellipse Name="elips" MinHeight="200" MinWidth="200" Stroke="Black" Fill="LightSkyBlue"></Ellipse>
                </DockPanel>
            </Border>
        </DockPanel>    


3、gridpanel 
<Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" SharedSizeGroup="group1"></ColumnDefinition>
            <ColumnDefinition Width="2*" SharedSizeGroup="group2"></ColumnDefinition>
            <ColumnDefinition Width="*" SharedSizeGroup="group1"></ColumnDefinition>
            <ColumnDefinition Width="2*" SharedSizeGroup="group2"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"></RowDefinition>
        </Grid.RowDefinitions>
        <Rectangle Grid.Column="0" Grid.Row="0" Fill="Red" MinWidth="20" Height="15" Margin="0,0,0,2"/>
        <Rectangle Grid.Column="1" Grid.Row="0" Fill="DeepPink" MinWidth="20" Height="15" Grid.ColumnSpan="2" Margin="10,2,89,2"></Rectangle>
        <Rectangle Grid.Column="2" Grid.Row="0" Fill="Blue" MinWidth="20" Height="15"></Rectangle>
        <Rectangle Grid.Column="3" Grid.Row="0" Fill="Yellow" MinWidth="20" Height="15"></Rectangle>    


3、伸展控件(Exponder)
<Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Expander Width="100" Height="120" Header="年龄组" Grid.Column="0" Grid.Row="0">***********
            <Expander.Content>******
                <StackPanel>*****
                    <RadioButton GroupName="g1" Margin="2" >0-20</RadioButton>
                    <RadioButton GroupName="g1" Margin="2" >21-40</RadioButton>
                    <RadioButton GroupName="g1" Margin="2" >41-60</RadioButton>
                    <RadioButton GroupName="g1" Margin="2" >60</RadioButton>
                </StackPanel>
            </Expander.Content>
        </Expander>
        <Expander Grid.Column="1" Grid.Row="0" Header="选修课" Width="100" Height="120">*****
            <Expander.Content>*******
                <StackPanel>*******
                    <CheckBox Margin="2">xmlyuy</CheckBox>
                    <CheckBox Margin="2">c语言</CheckBox>
                    <CheckBox Margin="2">java初步</CheckBox>
                    <CheckBox Margin="2">c++编程</CheckBox>
                    <CheckBox Margin="2">c#编程</CheckBox>
                </StackPanel>
            </Expander.Content>
        </Expander>


4、帮助提示Tooltip(当鼠标移到其上方时显示)   listbox控件
<StackPanel>
            <Button ToolTip="按此按钮会确认输入的信息">确认</Button>     //直接赋值字符串
            <Label>出生国</Label>
            <TextBox >
                <TextBox.ToolTip>    //用于含有多种元素时
                    <StackPanel>
                        <Label Width="30">你可以输入下属国家名</Label>
                        <ListBox Width="200" Height="100">          
                            <ListBoxItem>美国</ListBoxItem>
                            <ListBoxItem>中国</ListBoxItem>
                            <ListBoxItem>加拿大</ListBoxItem>
                            <ListBoxItem>俄罗斯</ListBoxItem>
                        </ListBox>
                    </StackPanel>
                </TextBox.ToolTip>
            </TextBox>
        </StackPanel>
0 0