在Silverlight 2 Beta2 中使用TabControl
来源:互联网 发布:怎么开淘宝代理网店 编辑:程序博客网 时间:2024/04/30 03:56
在Silverlight 2 Beta2 中新加入了TabControl控件,使用它可以帮助我们实现属性页的效果。
如下图:
本DEMO的XAML代码段如下:
<Canvas x:Name="LayoutRoot" Background="White">
<local:TabControl x:Name="tab1" Canvas.Top="20" Canvas.Left="20" Height="100" Width="300" />
<local:TabControl x:Name="tab2" Canvas.Top="140" Canvas.Left="20" Height="100" Width="300" />
<local:TabControl x:Name="tab3" Canvas.Top="280" Canvas.Left="20" Height="100" Width="300" >
<local:TabItem x:Name="white" Header="white" Background="white" Style="{StaticResource MyTabItemStyle}"/>
<local:TabItem x:Name="red" Header="red" Background="Red" Style="{StaticResource MyTabItemStyle}"/>
<local:TabItem x:Name="blue" Header="blue" Background="Blue" Style="{StaticResource MyTabItemStyle}"/>
</local:TabControl>
</Canvas>
<local:TabControl x:Name="tab1" Canvas.Top="20" Canvas.Left="20" Height="100" Width="300" />
<local:TabControl x:Name="tab2" Canvas.Top="140" Canvas.Left="20" Height="100" Width="300" />
<local:TabControl x:Name="tab3" Canvas.Top="280" Canvas.Left="20" Height="100" Width="300" >
<local:TabItem x:Name="white" Header="white" Background="white" Style="{StaticResource MyTabItemStyle}"/>
<local:TabItem x:Name="red" Header="red" Background="Red" Style="{StaticResource MyTabItemStyle}"/>
<local:TabItem x:Name="blue" Header="blue" Background="Blue" Style="{StaticResource MyTabItemStyle}"/>
</local:TabControl>
</Canvas>
下面是它的page.xaml.cs代码:
public Page()
{
InitializeComponent();
this.Loaded += new RoutedEventHandler(Page_Loaded);
}
void tab3_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
tab3.Background = ((TabItem)tab3.SelectedItem).Background;
}
void tab2_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
tab1.SelectedIndex = tab2.SelectedIndex;
//object o = tab1.FindName("first item");
}
void Page_Loaded(object sender, RoutedEventArgs e)
{
List<TabItem> tabItems = new List<TabItem>()
{
new TabItem() {Header = "第一选项", Content = "第一选项中内容"},
new TabItem() {Header = "第二选项", Content = "第二选项中内容"},
new TabItem() {Header = "第三选项", Content = "第三选项中内容"}
};
foreach (TabItem tabItem in tabItems)
{
tab1.Items.Add(tabItem);
}
tabItems = new List<TabItem>()
{
new TabItem() {Header = "第一选项", Content = "第一选项中内容"},
new TabItem() {Header = "第二选项", Content = "第二选项中内容"},
new TabItem() {Header = "第三选项", Content = "第三选项中内容"}
};
foreach (TabItem tabItem in tabItems)
{
tab2.Items.Add(tabItem);
}
tab1.TabStripPlacement = Dock.Bottom;
tab2.TabStripPlacement = Dock.Left;
tab3.TabStripPlacement = Dock.Top;
tab2.SelectionChanged += new SelectionChangedEventHandler(tab2_SelectionChanged);
tab3.SelectionChanged += new SelectionChangedEventHandler(tab3_SelectionChanged);
}
{
InitializeComponent();
this.Loaded += new RoutedEventHandler(Page_Loaded);
}
void tab3_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
tab3.Background = ((TabItem)tab3.SelectedItem).Background;
}
void tab2_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
tab1.SelectedIndex = tab2.SelectedIndex;
//object o = tab1.FindName("first item");
}
void Page_Loaded(object sender, RoutedEventArgs e)
{
List<TabItem> tabItems = new List<TabItem>()
{
new TabItem() {Header = "第一选项", Content = "第一选项中内容"},
new TabItem() {Header = "第二选项", Content = "第二选项中内容"},
new TabItem() {Header = "第三选项", Content = "第三选项中内容"}
};
foreach (TabItem tabItem in tabItems)
{
tab1.Items.Add(tabItem);
}
tabItems = new List<TabItem>()
{
new TabItem() {Header = "第一选项", Content = "第一选项中内容"},
new TabItem() {Header = "第二选项", Content = "第二选项中内容"},
new TabItem() {Header = "第三选项", Content = "第三选项中内容"}
};
foreach (TabItem tabItem in tabItems)
{
tab2.Items.Add(tabItem);
}
tab1.TabStripPlacement = Dock.Bottom;
tab2.TabStripPlacement = Dock.Left;
tab3.TabStripPlacement = Dock.Top;
tab2.SelectionChanged += new SelectionChangedEventHandler(tab2_SelectionChanged);
tab3.SelectionChanged += new SelectionChangedEventHandler(tab3_SelectionChanged);
}
代码很简单,这里就不多说什么了。
源码下载链接,请点击这里:)
- 在Silverlight 2 Beta2 中使用TabControl
- 在Silverlight 2 (Beta2) 中使用webclient上传图片
- Silverlight 2学习教程(九):Silverlight 2 beta2 新控件介绍之 TabControl 控件
- Silverlight 2学习教程(九):Silverlight 2 beta2 新控件介绍之 TabControl 控件
- 在Silverlight 2 Beta2 中实现菜单(Menu)——数据可源自SharePoint
- 将Silverlight 2beta2 部署到SharePoint 2007中
- Silverlight 2 Beta2新功能体验
- Silverlight 2 Beta2新功能体验
- Silverlight 2 Beta2版发布!
- Silverlight TabControl和Accordion控件使用介绍
- 在silverlight 2 (beta1) 中使用BackgroundWorker
- Silverlight 2 Beta2 连接WS WCF
- Silverlight 2beta2 调用 SharePoint的WebService......
- Silverlight 2 升级Beta2 问题整理
- 在Silverlight中使用Json
- 在Silverlight中使用session
- 在Silverlight中使用GridSplitter
- 在Silverlight中使用SESSION
- 在Silverlight中使用DynamicMethod(动态方法)
- 在silverlight中使用IsolateStore隔离存储(下)
- 在silverlight中使用IsolateStore隔离存储(上)
- 在Silverlight中读取指定URL图片包数据
- 在Silverlight 2 (Beta2) 中使用webclient上传图片
- 在Silverlight 2 Beta2 中使用TabControl
- siverlight 2 Beta2提供下载了,顺便给前阵子写的beta1文章做个总结
- silvelight中操作html页面元素
- silverlight与javascript交互操作
- 在silverlight中开发User Control(用户控件)
- "下金蛋" OR "造大便"-----关于产出与产能的思考
- 在silverlight中使用Linq TO XML
- 在silverlight 2 (beta1) 中使用BackgroundWorker
- 在silverlight中使用OpenFileDialog浏览本地图片