有关Accordion组件的研究——Silverlight学习笔记[27]

Accordion组件在开发中常用于信息的分类显示。本文将为大家介绍该组件的特性以及通过一个实例讲述该组件的基本运用。

 

组件所在命名控件:

System.Windows.Controls

 

组件常用方法:

SelectAll:选择所有位于Accordion组件中的Accordion项。(全部打开)

UnselectAll:不选择任一位于Accordion组件中的Accordion项。(全部闭合)

 

组件常用属性:

AccordionButtonStyle:获取或设置被应用于在Accordion项中的Accordion按钮元素的样式。

ContentTemplate:获取或设置被用于显示每个已生成的Accordion项内容的数据模板。

ExpandDirection:获取或设置在Accordion组件中每一个Accordion项的展开方向以及Accordion组件自身的布局方向。

ItemContainerStyle:获取或设置被应用于为每一项生成的容器元素的样式。

SelectedIndex:获取或设置当前选中的Accordion项的索引。

SelectedIndices:获取当前选中的Accordion项的所有索引。

SelectedItem:获取或设置被选中的项。

SelectedItems:获取被选中的所有项。

SelectionMode:获取或设置Accordion组件的选择模式。

SelectionSequence:获取或设置被用于决定Accordion项选择顺序的选择序列。

 

组件常用事件:

SelectedItemsChanged:当SelectedItems集合变动时发生。

SelectionChanged:当SelectedItemSelectedItems属性值发生改变时发生。

 

实例:

详细的说明在代码中给出。该实例还给出了Accordion组件的鼠标滑过效果显示。

MainPage.xaml文件代码:

<UserControl

    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" xmlns:layoutToolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Layout.Toolkit" x:Class="SilverlightClient.MainPage"

    d:DesignWidth="320" d:DesignHeight="240">

    <Grid x:Name="LayoutRoot" Width="320" Height="240" Background="White">

        <StackPanel>

            <layoutToolkit:Accordion x:Name="acc" Grid.Column="0" Width="130" Margin="8,8,0,0">

                <layoutToolkit:AccordionItem>

                    <!--AccordionItemHeader属性可以看成是模板-->

                    <layoutToolkit:AccordionItem.Header>

                        <StackPanel Orientation="Horizontal">

                            <Image Source="gold.png"/>

                            <TextBlock Text="News"/>

                        </StackPanel>

                    </layoutToolkit:AccordionItem.Header>

                    <!--AccordionItemContent属性可以看成是模板-->

                    <layoutToolkit:AccordionItem.Content>

                        <StackPanel>

                            <TextBlock Text="This is a test1."/>

                            <TextBlock Text="This is a test2."/>

                            <TextBlock Text="This is a test3."/>

                        </StackPanel>

                    </layoutToolkit:AccordionItem.Content>

                </layoutToolkit:AccordionItem>

                <layoutToolkit:AccordionItem Content="DatabaseAndOther">

                    <layoutToolkit:AccordionItem.Header>

                        <StackPanel Orientation="Horizontal">

                            <Image Source="silver.png"/>

                            <TextBlock Text="Data"/>

                        </StackPanel>

                    </layoutToolkit:AccordionItem.Header>

                </layoutToolkit:AccordionItem>

            </layoutToolkit:Accordion>

            <layoutToolkit:Accordion x:Name="ac" Grid.Column="0" Width="130" Margin="8,8,0,0" SelectionMode="ZeroOrOne">

                <layoutToolkit:AccordionItem Content="test1" Header="Test1"/>

                <layoutToolkit:AccordionItem Content="test2" Header="Test2"/>

                <layoutToolkit:AccordionItem Content="test3" Header="Test3"/>

                <layoutToolkit:AccordionItem Content="test4" Header="Test4"/>

            </layoutToolkit:Accordion>

        </StackPanel>

        <ComboBox x:Name="cbSelectionMode" Height="28" HorizontalAlignment="Right" Margin="0,10,8,0" VerticalAlignment="Top" Width="109"/>

        <TextBlock Height="16" Margin="151,15,121,0" VerticalAlignment="Top" Text="选择模式" TextWrapping="Wrap" Width="48" FontSize="12"/>

        <TextBlock Height="20" Margin="151,45,121,0" VerticalAlignment="Top" Text="展开模式" TextWrapping="Wrap" Width="48" FontSize="12"/>

        <ComboBox x:Name="cbExpandDirection" Height="28" HorizontalAlignment="Right" Margin="0,42,8,0" VerticalAlignment="Top" Width="109"/>

    </Grid>

</UserControl>

 

MainPage.xaml.cs文件代码:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

 

namespace SilverlightClient

{

    //定义两个辅助类

    public class accselectionmode

    {

        public string SelectionModeName { get; set; }

        public AccordionSelectionMode theSelectionMode { get; set; }

    }

 

    public class accexpanddirection

    {

        public string ExpandDirectionName { get; set; }

        public ExpandDirection theDerection { get; set; }

    }

 

    public partial class MainPage : UserControl

    {

        //ComboBox数据源定义

        List<accselectionmode> cbSelectionModeList = new List<accselectionmode>();

        List<accexpanddirection> cbExpandDirectionList = new List<accexpanddirection>();

 

        public MainPage()

        {

            InitializeComponent();

            //注册事件触发处理

            this.Loaded += new RoutedEventHandler(MainPage_Loaded);

            this.cbSelectionMode.SelectionChanged += new SelectionChangedEventHandler(cbSelectionMode_SelectionChanged);

            this.cbExpandDirection.SelectionChanged += new SelectionChangedEventHandler(cbExpandDirection_SelectionChanged);

            this.ac.Loaded += new RoutedEventHandler(ac_Loaded);

        }

 

        void MainPage_Loaded(object sender, RoutedEventArgs e)

        {

            //初始化cbSelectionMode

            cbSelectionModeList.Add(new accselectionmode() { SelectionModeName = "一个", theSelectionMode = AccordionSelectionMode.One });

            cbSelectionModeList.Add(new accselectionmode() { SelectionModeName = "一个或多个", theSelectionMode = AccordionSelectionMode.OneOrMore });

            cbSelectionModeList.Add(new accselectionmode() { SelectionModeName = "零个或一个", theSelectionMode = AccordionSelectionMode.ZeroOrOne });

            cbSelectionModeList.Add(new accselectionmode() { SelectionModeName = "零个或多个", theSelectionMode = AccordionSelectionMode.ZeroOrMore });

            cbSelectionMode.ItemsSource = cbSelectionModeList;

            cbSelectionMode.DisplayMemberPath = "SelectionModeName";

            //初始化cbExpandDirection

            cbExpandDirectionList.Add(new accexpanddirection() { ExpandDirectionName = "", theDerection = ExpandDirection.Up });

            cbExpandDirectionList.Add(new accexpanddirection() { ExpandDirectionName = "", theDerection = ExpandDirection.Down });

            cbExpandDirectionList.Add(new accexpanddirection() { ExpandDirectionName = "", theDerection = ExpandDirection.Left });

            cbExpandDirectionList.Add(new accexpanddirection() { ExpandDirectionName = "", theDerection = ExpandDirection.Right });

            cbExpandDirection.ItemsSource = cbExpandDirectionList;

            cbExpandDirection.DisplayMemberPath = "ExpandDirectionName";

        }

 

        void cbExpandDirection_SelectionChanged(object sender, SelectionChangedEventArgs e)

        {

            //调整Accordion的展开方向

            if (cbExpandDirection.SelectedItem != null)

            {

                accexpanddirection ad = cbExpandDirection.SelectedItem as accexpanddirection;

                acc.ExpandDirection = ad.theDerection;

            }

        }

 

        void cbSelectionMode_SelectionChanged(object sender, SelectionChangedEventArgs e)

        {

            //调整Accordion的选择模式

            if (cbSelectionMode.SelectedItem != null)

            {

                accselectionmode am = cbSelectionMode.SelectedItem as accselectionmode;

                acc.SelectionMode = am.theSelectionMode;

            }

        }

 

        //滑动展开效果

        void ac_Loaded(object sender, RoutedEventArgs e)

        {

            foreach (AccordionItem ai in ac.Items)

            {

                AccordionItem container = ai;

                if (container != null)

                {

                    container.MouseEnter += (s, args) =>

                    {

                        if (!container.IsLocked)

                        {

                            container.IsSelected = true;

                        }

                    };

 

                    container.MouseLeave += (s, args) =>

                    {

                        if (!container.IsLocked)

                        {

                            container.IsSelected = false;

                        }

                    };

                }

            }

        }

    }

}

 

最终效果图

作者:Kinglee
文章出处:Kinglee’s Blog (http://www.cnblogs.com/Kinglee/)
版权声明:本文的版权归作者与博客园共有。转载时须注明本文的详细链接,否则作者将保留追究其法律责任。

转载于:https://www.cnblogs.com/Kinglee/archive/2009/09/13/1565982.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/465901.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

螺旋格式输出数据

螺旋格式输出数据 问题&#xff1a;(问答题) 编程输出以下格式的数据。 When i0 1 When i1 7 8 96 1 25 4 3 When i2 21 22 23 24 2520 7 8 9 1019 6 1 2 1118 5 4 3 1217 16 15 14 13 1、Python&#xff1a; def format_…

每日一题(28)—— 引用与指针的区别

引用与指针有什么区别&#xff1f; &#xff08;1&#xff09;引用必须被初始化&#xff0c;指针不必&#xff1b; &#xff08;2&#xff09;引用初始化以后不能被改变&#xff0c;指针可以&#xff1b; &#xff08;3&#xff09;不存在指向空值的引用&#xff0c;但是存在…

聊聊 top 命令中的 CPU 使用率

之前写过cpu占用率的文章CPU占用率是什么&#xff1f;平常我们使用 top 命令来查看系统的性能情况&#xff0c;在 top 命令中可以看到很多不同类型的 CPU 使用率&#xff0c;如下图红框中标出部分&#xff1a;下面&#xff0c;我们来介绍一下这些 CPU 使用率的意义&#xff1a;…

Linux 脚本、 正则表达式 等

shell的脚步总是以这样的一行开头&#xff1a;#!/bin/bash这行叫做shebang顺序执行两个命令&#xff0c;可以$cmd1;cmd2要验证脚本语法的准确性&#xff0c;可以用bask-nscriptfilename来验证如果要debug则为bash-xscr.sh删除老的文件&#xff1a;find /home/wwwroot -type f-m…

哈尔特征Haar

哈尔特征&#xff08;Haar-like features&#xff09; 是用于物体识别的一种数字图像特征。它们因为与哈尔小波转换 极为相似而得名&#xff0c;是第一种即时的人脸检测運算。 历史上&#xff0c;直接使用图像的强度(就是图像每一个像素点的RGB值)使得特征的计算强度很大。帕帕…

乐鑫科技2022笔试面试题

来源于读者投稿&#xff0c;作者来源于牛客网的 galun 。投递方式&#xff1a;内推。岗位&#xff1a;嵌入式软件实习生。个人情况&#xff1a;本科双非电子信息工程&#xff0c;硕士华五软件工程研一在读&#xff1b;本科做过一些很水的项目 &#xff0c;也拿项目搞了一些奖&a…

每日一题(29)—— 如何引用一个已经定义过的全局变量

如何引用一个已经定义过的全局变量&#xff1f; extern关键字 可以用引用头文件的方式&#xff0c;也可以用extern关键字&#xff0c;如果用引用头文件方式来引用某个在头文件中声明的全局变理&#xff0c;假定你将那个变写错了&#xff0c;那么在编译期间会报错&#xff0c;如…

Tcpdump的使用

tcpdump采用命令行方式&#xff0c;它的命令格式为&#xff1a;tcpdump [ -adeflnNOpqStvx ] [ -c 数量 ] [ -F 文件名 ][ -i 网络接口 ] [ -r 文件名] [ -s snaplen ][ -T 类型 ] [ -w 文件名 ] [表达式 ] 1. tcpdump的选项介绍   -a    将网络地址和广播地址转变成名字…

同事在RTOS临界区嵌套使用栽了跟头~

1裸机与RTOS的理解首先这里只针对单核CPU架构的芯片展开讨论&#xff0c;大部分是MCU吧&#xff0c;而多核CPU的讨论相对比较复杂&#xff0c;暂不涉及~玩RTOS的朋友都知道&#xff0c;裸机与OS的最大区别就是实现多任务的并发&#xff0c;其实你说裸机就不能实现任务的并发吗 …

每日一题(30)—— 局部变量能否和全局变量重名?

局部变量能否和全局变量重名&#xff1f; 答&#xff1a;能&#xff0c;局部会屏蔽全局。要用全局变量&#xff0c;需要使用"::" 局部变量可以与全局变量同名&#xff0c;在函数内引用这个变量时&#xff0c;会用到同名的局部变量&#xff0c;而不会用到全局变量。对…

一道内存分配的面试题

这是读者在知识星球上写的面试题我之前写的文章有很完整说过这部分C语言&#xff0c;函数不可返回指向栈内存的指针C 语言内存分配堆和栈的区别&#xff08;转过无数次的文章&#xff09;看完上面的文章&#xff0c;我觉得你至少对C语言程序变量内存有一个概念了解了。然后看下…

终于解决了

困扰很长事件的问题今天终于得到解决&#xff0c;或许是思维定式的原因&#xff0c;没有及时的绕过调整思路&#xff0c;也不知道今天晚上脑子这么开窍了&#xff0c;一下把问题给解决了&#xff0c;实在是开心啊改天还是把自己的成果贴出以示奖励自己的努力。转载于:https://w…

数据可视化插件

1、前端数据可视化插件:Highcharts、Echarts和D3 &#xff1a; https://blog.csdn.net/u013511989/article/details/72236788 &#xff08;Echarts是canvas实现的&#xff0c;推荐&#xff09; 2、Echarts学习&#xff1a;http://www.echartsjs.com/tutorial.html#5%20%E5%8…

一道内存分配的面试题后续

昨天写的题目&#xff0c;在VC6.0上面测试一下一道内存分配的面试题结果发现一个问题&#xff0c;发现输出结果竟然没有问题&#xff0c;我很慌&#xff0c;如果这样的输出结果没有问题的话&#xff0c;那肯定是跟我们的理论对不上号的。所以我只能继续调试先把问题抛在printf上…

每日一题(31)—— 全局变量可不可以定义在可被多个.C文件包含的头文件中?为什么?

全局变量可不可以定义在可被多个.C文件包含的头文件中&#xff1f;为什么&#xff1f; 答&#xff1a;可以&#xff0c;在不同的C文件中以static形式来声明同名全局变量。 可以在不同的C文件中声明同名的全局变量&#xff0c;前提是其中只能有一个C文件中对此变量赋初值&#…

Qt学习之路(11): MainWindow

尽管Qt提供了很方便的快速开发工具QtDesigner用来拖放界面元素&#xff0c;但是现在我并不打算去介绍这个工具&#xff0c;原因之一在于我们的学习大体上是依靠手工编写代码&#xff0c;过早的接触设计工具并不能让我们对Qt的概念突飞猛进……前面说过&#xff0c;本教程很大程…

要毕业了,我应该做点啥?

这几天是高考的日子&#xff0c;高考结束&#xff0c;也意味着有很多人要离开学校&#xff0c;距离我毕业已经过去很多年了&#xff0c;现在还能记得那些无忧无虑的日子&#xff0c;毕竟人这一辈子&#xff0c;能这么肆无忌惮的时间并不多。最近因为发了几个不错的岗位招聘&…

每日一题(32)—— 联合体大小

设有以下说明和定义&#xff1a; typedef union {long i;int k[5];char c; } DATE; struct data {int cat;DATE cow;double dog; } too; DATE max;则语句 printf("%d",sizeof(struct date)sizeof(max));的执行结果是&#xff1a; 分析&#xff1a; 16位编译器中&…

开始→运行→输入的命令集锦

mstsc--远程桌面连接 logoff--注销命令 rononce &#xff0d;p --15秒关机 tsshutdn--60秒倒计时关机命令 iexpress--木马捆绑工具&#xff0c;系统自带 tourstart--xp简介&#xff08;安装完成后出现的漫游xp程序&#xff09; winchat--XP自带局域网聊天 sndrec32--录音机 Nsl…

我那个37岁的大神朋友,后续

还记得我之前写的这篇文章吗&#xff1f;我一个37岁的程序员朋友写这篇文章的时候&#xff0c;我建议我的这个朋友跳槽找更好的工作&#xff0c;可以换个行业&#xff0c;换一个更有钱的领域&#xff0c;做技术不能单单是做技术&#xff0c;需要有点眼光&#xff0c;比如选择行…