Silverlight TabControl和Accordion控件使用介绍

最新推荐文章于 2024-01-22 09:33:29 发布

暖枫无敌

最新推荐文章于 2024-01-22 09:33:29 发布

阅读量2.1k

点赞数

分类专栏： Sliverlight Silverlight应用开发

本文链接：https://blog.csdn.net/zdw_wym/article/details/23349023

版权

Sliverlight 同时被 2 个专栏收录

62 篇文章

订阅专栏

Silverlight应用开发

52 篇文章

订阅专栏

本文展示了如何使用 Silverlight 的 TabControl 和 Accordion 控件来构建一个具有多个选项卡的用户界面，每个选项卡包含可折叠的内容区域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、引入Silverlight Toolkit中控件Controls的引用

xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"

2、页面中添加控件

<sdk:TabControl Style="{StaticResource tabStyle}" HorizontalAlignment="Left" Margin="0" x:Name="tabControl1" Width="276" Height="400" VerticalAlignment="Top">
                            
                            <sdk:TabItem Style="{StaticResource tabItemStyle}" Header="    防汛抢险 " x:Name="tabItem2" Width="122" HorizontalAlignment="Center" VerticalAlignment="Center">
                                <Grid Width="269" Margin="0" HorizontalAlignment="Left" Height="362" VerticalAlignment="Top">
                                    <layoutToolkit:Accordion x:Name="accordion" Margin="0,1,3,3" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" FontSize="14.667" BorderBrush="DarkGray" Width="266">
                                        <layoutToolkit:AccordionItem Header="仓库物资" IsSelected="False" Cursor="Hand" VerticalAlignment="Center">
                                            <layoutToolkit:AccordionItem.Content>
                                                <Grid>

                                                </Grid>
                                            </layoutToolkit:AccordionItem.Content>
                                        </layoutToolkit:AccordionItem>
                                        <layoutToolkit:AccordionItem Header="抢险队伍" IsSelected="False">
                                            <layoutToolkit:AccordionItem.Content>
                                                <Grid Width="269" Margin="0" HorizontalAlignment="Left" VerticalAlignment="Top" Height="292">

                                                </Grid>
                                            </layoutToolkit:AccordionItem.Content>
                                        </layoutToolkit:AccordionItem>
                                        <layoutToolkit:AccordionItem Header="防汛责任人">
                                            <layoutToolkit:AccordionItem.Content>
                                                <Grid Width="272" Margin="0" HorizontalAlignment="Left" Height="300" VerticalAlignment="Top">

                                                </Grid>
                                            </layoutToolkit:AccordionItem.Content>
                                        </layoutToolkit:AccordionItem>
                                    </layoutToolkit:Accordion>
                                </Grid>
                            </sdk:TabItem>
                            
                            <sdk:TabItem Style="{StaticResource tabItemStyle}" Header=" 预警短信发送" x:Name="tabItem1" FontFamily="Microsoft YaHei" FontSize="13.333" VerticalAlignment="Center" Cursor="Hand" Width="146">
                                <Grid>

                                </Grid>
                            </sdk:TabItem>
                        </sdk:TabControl>

3、效果如下图：