网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
广东信息科技职业...吧 关注：1,716贴子：17,672
  • 2回复贴，共1页

WPF控件8

ListView：是列表视图，分视图显示方式(<ListView.View>，里买南方ViewBase类型的控件，如GridView控件，只能放一个)和数据源(<ListView.ItemsSource>)两个部分。如果只是显示数据的，单用GridView就行了，所以这个常用于一个数据源，存在多个View的情况，提供右键菜单。
XAMl：
<!--窗口资源-->
<Window.Resources>
<Style x:Key="ListViewItemStyle" TargetType="{x:Type ListViewItem}">
<!--内容水平居中-->
<Setter Property="HorizontalContentAlignment" Value="Center"></Setter>
</Style>
</Window.Resources>
<!--布局-->
<ListView x:Name="listView" Width="800" Height="450" ItemContainerStyle="{StaticResource ListViewItemStyle}">
<ListView.View>
<GridView>
<GridViewColumn Header="***" Width="122" DisplayMemberBinding="{Binding book_id}"/>
<GridViewColumn Header="书名" Width="111" DisplayMemberBinding="{Binding book_name}"/>
<GridViewColumn Header="类型" Width="88" DisplayMemberBinding="{Binding book_type}"/>
<GridViewColumn Header="作者" Width="111" DisplayMemberBinding="{Binding book_author}"/>
<GridViewColumn Header="出版社" Width="111" DisplayMemberBinding="{Binding book_publisher}"/>
<GridViewColumn Header="价格" Width="66" DisplayMemberBinding="{Binding book_price}"/>
<GridViewColumn Header="库存" Width="66" DisplayMemberBinding="{Binding book_status}"/>
</GridView>
</ListView.View>
</ListView>
效果：

C#提供数据支撑后：
namespace WpfAppDemo2
{
///<summary>
///创建图书类
///</summary>
publicclassBook
{
publicint book_id { get; set; }
publicstring book_name { get; set; }
publicstring book_type { get; set; }
publicstring book_author { get; set; }
publicstring book_publisher { get; set; }
publicdecimal book_price { get; set; }
publicint book_status { get; set; }
}
///<summary>
/// ListViewDemo.xaml 的交互逻辑
///</summary>
publicpartialclassListViewDemo : Window
{
publicListViewDemo()
{
InitializeComponent();
Init();
}
privatevoid Init()
{
//循环生成内容集合
for (int i = 0; i < 10;i++)
{
listView.Items.Add(new Book()
{
book_id = i + 1,
book_name = "C#基础",
book_type = ".NET",
book_author = "张三",
book_publisher = "背景教育出版社",
book_price = 25,
book_status = 10000
});
}
}
}
}
效果：

Menu：菜单栏，一般放在顶部，如vs顶部，也就是标题的下面那排。
XAML：
<Menu Name="menu" HorizontalAlignment="Left" VerticalAlignment="Top" Background="Transparent" Foreground="#FF5D88C7" FontSize="18" FontFamily="STSong">
<MenuItem Header="系统管理">
<MenuItem.Icon>
<Image Source="tx/tx01.jpg"></Image>
</MenuItem.Icon>
<MenuItem Header="查询">
<MenuItem.Icon>
<Image Source="tx/tx02.jpg"></Image>
</MenuItem.Icon>
</MenuItem>
<MenuItem Header="新增">
<MenuItem.Icon>
<Image Source="tx/tx03.jpg"></Image>
</MenuItem.Icon>
</MenuItem>
<MenuItem Header="修改">
<MenuItem.Icon>
<Image Source="tx/tx04.jpg.jpg"></Image>
</MenuItem.Icon>
</MenuItem>
<MenuItem Header="删除">
<MenuItem.Icon>
<Image Source="tx/tx05.jpg"></Image>
</MenuItem.Icon>
</MenuItem>
</MenuItem>
<MenuItem Header="员工管理">
<MenuItem Header="查询">
<MenuItem Header="新增01">
<MenuItem Header="修改02"/>
<MenuItem Header="删除02"/>
</MenuItem>
<MenuItem Header="修改01"/>
<MenuItem Header="删除01"/>
</MenuItem>
<MenuItem Header="新增"/>
<MenuItem Header="修改"/>
<MenuItem Header="删除"/>
</MenuItem>
</Menu>
效果：




PasswordBox：密码输入框。输入内容显示为*******。
XAMl：
<Grid>
<!--PasswordChar：获取或设置PasswordBox的掩码字符-->
<PasswordBox Name="pwBox" MaxLength="12" Width="122" Height="33" PasswordChar="⭐" PasswordChanged="PasswordChangedHandler"/>
</Grid>
C#：
publicpartialclassPasswordBoxDemo : Window
{
publicPasswordBoxDemo()
{
InitializeComponent();
}
privateint pwChanges = 0;
privatevoidPasswordChangedHandler(object sender,RoutedEventArgs e)
{
//Increment a counter each time the eventfires.(每次事件触发时递增一个计数器。)
++pwChanges;
}
}
效果：


ProgressBar：进度条。value属性表示进度，范围0-100。
XAML：
<StatusBar Name="sbar" VerticalAlignment="Bottom" Background="Beige">
<StatusBarItem>
<TextBlock>Downloading File</TextBlock>
</StatusBarItem>
<StatusBarItem>
<ProgressBar Width="111" Height="22" Name="progressBar1">
<ProgressBar.Triggers>
<EventTrigger RoutedEvent="ProgressBar.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetName="progressBar1"
Storyboard.TargetProperty="Value"
From="0" To="100" Duration="0:0:5"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</ProgressBar.Triggers>
</ProgressBar>
</StatusBarItem>
<Separator/>
<StatusBarItem>
<TextBlock>Online</TextBlock>
</StatusBarItem>
<StatusBarItem HorizontalAlignment="Right">
<Image Source="tx/tx06.jpg" Width="16" Height="16"/>
</StatusBarItem>
</StatusBar>
效果：



C#：
publicpartialclassProgressBarDemo : Window
{
publicProgressBarDemo()
{
InitializeComponent();
Init();
}
privatevoid Init()
{
ProgressBar progbar = new ProgressBar();
//是停顿还是加载（连续性）
progbar.IsIndeterminate = false;
//是水平排布还是垂直排布
progbar.Orientation = Orientation.Horizontal;
progbar.Width = 150;
progbar.Height = 15;
//设置一个动画，动画时间为10秒
Duration duration = newDuration(TimeSpan.FromSeconds(10));
//定义动画
DoubleAnimation doubleanimation = newDoubleAnimation(100.0, duration);
progbar.BeginAnimation(ProgressBar.ValueProperty, doubleanimation);
this.Content = progbar;
}
}
效果：



2025-08-11 09:52:28
广告
不感兴趣
开通SVIP免广告
RadioButton：单选按钮。
XAMl：
<StackPanel>
<TextBox Name="txtb"/>
<RadioButton Name="rb1" Checked="WriteText" Content="Yes"></RadioButton>
<RadioButton Name="rb2" Checked="WriteText">
<Image Source="tx/tx 06.jpg" Width="33"/>
</RadioButton>
<RadioButton Name="rb3" Checked="WriteText">No Opinion</RadioButton>
<StackPanel>
<RadioButton GroupName="sex">男</RadioButton>
<RadioButton GroupName="sex">女</RadioButton>
<RadioButton GroupName="numgrp">是</RadioButton>
<RadioButton GroupName="numgrp">否</RadioButton>
</StackPanel>
</StackPanel>
C#：
public partial class RadioButtonDemo : Window
{
public RadioButtonDemo()
{
InitializeComponent();
}
private void WriteText(object sender, RoutedEventArgs e)
{
RadioButton radio = (RadioButton)sender;
txtb.Text = "You Clicked "+ radio.Content.ToString() + ".";
}
}
效果：


Rectangle：实心矩形。
XAML：
<Rectangle Width="111" Height="111" Fill="AliceBlue" Stroke="Aquamarine" StrokeThickness="5" RadiusX="55" RadiusY="55"></Rectangle>
效果：

C#：
public partial class RectangleDemo : Window
{
public RectangleDemo()
{
InitializeComponent();
Init();
}
private void Init()
{
//添加举行元素
Rectangle myRect = new Rectangle();
myRect.Stroke = System.Windows.Media.Brushes.Black;//笔触（边框）颜色
myRect.Fill = System.Windows.Media.Brushes.SkyBlue; ;//填充颜色
myRect.HorizontalAlignment = HorizontalAlignment.Left;//水平对齐方式
myRect.VerticalAlignment = VerticalAlignment.Center;//垂直对齐方式
myRect.Width = 55;
myRect.Height = 55;
this.Content = myRect;
}
}
效果：

RichTextBox：富文本输入框。
XAML：
<RichTextBox Name="richTB">
<FlowDocument FontSize="24" Foreground="SkyBlue" Background="AliceBlue">
<Paragraph>
<Run>Paragraph 1</Run>
</Paragraph>
<Paragraph>
<Run>Paragraph 2</Run>
</Paragraph>
<Paragraph>
<Run>Paragraph 3</Run>
</Paragraph>
</FlowDocument>
</RichTextBox>
效果：

C#：
public partial class RichTextBoxDemo : Window
{
public RichTextBoxDemo()
{
Init();
InitializeComponent();
}
private void Init()
{
//StackPanel myStackPanel = new StackPanel();
//创建一个FlowDocument来包含RichTextBox的内容。
FlowDocument myFlowDoc = new FlowDocument();
RichTextBox myRichTextBox = new RichTextBox();
//向RichTextBox添加初始内容
myRichTextBox.Document = myFlowDoc;
//向FlowDocument添加段落。
myFlowDoc.Blocks.Add(new Paragraph(new Run("Paragraph 1")));
myFlowDoc.Blocks.Add(new Paragraph(new Run("Paragraph 2")));
myFlowDoc.Blocks.Add(new Paragraph(new Run("Paragraph 3")));
//向StackPanel添加子集
//myStackPanel.Children.Add(myRichTextBox);
//设置页面内容为StackPanel
//this.Content = myStackPanel;
this.Content = myRichTextBox;
}
}
效果：


扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！
  • 2回复贴，共1页
分享到: