[Silverlight 技巧探讨1]用Silverlight简单实现多TabItem关闭效果
2012-12-04 16:16
225 查看
<UserControl x:Class="SL.Demo1.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="400" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"> <Grid x:Name="LayoutRoot" Background="White"> <sdk:TabControl x:Name="Tab" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"> <sdk:TabItem Width="80" Name="TabItem_page1"> <sdk:TabItem.Header> <StackPanel Orientation="Horizontal"> <TextBlock Text="One" VerticalAlignment="Center"></TextBlock> <Button Content="X" Name="btn1" Margin="20,0,0,0" Width="20" Click="btn1_Click"/> </StackPanel> </sdk:TabItem.Header> This is first page </sdk:TabItem> <sdk:TabItem Width="80" Name="TabItem_page2"> <sdk:TabItem.Header> <StackPanel Orientation="Horizontal"> <TextBlock Text="Two" VerticalAlignment="Center"></TextBlock> <Button Content="X" x:Name="btn2" Margin="20,0,0,0" Width="20" Click="btn2_Click"/> </StackPanel> </sdk:TabItem.Header> This is second page </sdk:TabItem> </sdk:TabControl> </Grid> </UserControl>
后台托管代码:
using System.Windows; using System.Windows.Controls; namespace SL.Demo1 { public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); } private void btn1_Click(object sender, RoutedEventArgs e) { Tab.Items.Remove(TabItem_page1); } private void btn2_Click(object sender, RoutedEventArgs e) { Tab.Items.Remove(TabItem_page2); } } }
最终的效果如下:
相关文章推荐
- JS实现简单的顶部定时关闭层效果
- 简单CSS技巧实现的Logo动画效果(很像导航栏上经常运用的效果,但有差别)
- Silverlight实现的简单拖拽效果
- 纯DIV+CSS简单实现Tab选项卡左右切换效果
- 利用jQuery实现简单的拖曳效果实例代码
- Silverlight——简单3D效果的探究
- js实现的简单图片浮动效果完整实例
- ASP 技巧一则之 简化创建关闭记录集对象并创建使用简单的MSSQL存储过程 By shawl.qiu
- 使用silverlight中的Storyboard实现动画效果
- SQL语句技巧--复杂逻辑的SQL简单实现(2)
- [置顶] 微信小程序实现tabs选项卡效果简单代码实例
- Beetle简单实现Flash,Silverlight的policy Server
- 使用jQuery实现简单的拖动效果
- jQuery实现手机版页面翻页效果的简单实例
- 最简单的js图片切换效果实现代码
- jQuery简单实现列表隐藏和显示效果示例
- iframe实现关闭当前窗口效果
- 原生javascript实现的一个简单动画效果
- JS实现仿微博可关闭弹出层效果