3、状态联态面板一状态(State)1(State)2(State)3作业木和动态面板图标下面就以学生作业本为例，来学习动态面板的使用。4.1.1创建动态面板并命名实战演练拖曳动态面板（TTT开五砺rp9软件，将工程保存并命名为“动态面板演示操作”，拖曳一个“动态而板”到工作区域。（2）在检视区域的说明面板输入动态面板的名称“一摞作业本”，这样方便完成对动态面板元件的查找。动态面板名称4.1.2编辑动态面板状态实战演练（1）双击动态面板，弹出动态而板编辑框，它默认提供一种状态Statel（State为动态面板默认的状态名称），就像一摞作业本里至少有一个作业本，一个动态面板至少有
4、一种状态。动态面板名称（2）单击Statel状态，弹出动态面板状态管理对话框，在这里可以添加动态面板状态、复制而板状态以及删除面板状态。动态面板状态管理（3）单击添加状态选项，可以新增一个动态面板的状态，单击相应状态名称就可以对状态重新命名，把两个状态分别命名为“小明的作业本”和“小刚的作业本”。新增动态面板状态（4）对于已经创建的动态面板，可以单击“重复状态”按钮，来复制动态而板的状态。如果两个状态内容相差不是很多，可以先复制出一个状态，在复制出的状态的基础上进行修改。与小虎知道小刚学习好，每次做作业都会借小刚的作业本来抄是一个道理。豆制动态面板状态（5）动态面板状态显示顺序操作，可以
5、通过选中要移动的动态而板状态，按住鼠标左键向上拖动。如果老师想看小刚的作业本，使用该操作就可以把小刚的作业本状态向上移动，一直移动到第一层。向上移动操作（6）按住鼠标左键也可以向下移动动态面板状态，如果小明同学的作业做得很不好，老师很生气，要把它放在最下而，这时候可以使用下移操作，一把小明的作业本移动到最下层。TSfelk本小明的作业本-<<1位出但叨:一小庆的作业车小朗的作埴niSlCttS向下移动操作（7）如何编辑状态来修改作业本里的内容呢，虚线白色的区域就是用来当前状态的内容。编辑状态（8）在编辑状态区域，可以对动态而板进行状态内容编辑，虚线框的白色区域代表内容的显示
6、区域，在虚线框里的内容可以显示出来，超出该区域范围的内容将被隐藏起来，先添加一个不超出显示区域的内容，拖曳一个“矩形1”元件，将文本内容重新命名为“小刚90分”.pf1Default拖曳“矩形1”元件n#4元幄.完全显示出来乂冷小期飨分完全显示出来（9）双击“一摞作业本”动态面板，打开状态管理对话框，单击“小虎的作业本”状态，拖曳一个“矩形”元件到工作区域，将矩形框放置在页而右下角，部分内容超出虚线框显示区域，文本内容重新命名为“小虎98分”。编辑“小虎的作业木”状态拖曳矩形1元件(10)回到动态面板所在页而，页而显示的仍然是小刚的分数。小刚的分数(11)双击“一摞作业本”动态而
11、单击动态面板，弹出动态面板动态管理的对话框，单击放置动态面板元件的页面，就可以进入到相应页而。（6）在页面概要区域可以调整动态面板状态的顺序关系，通过按住鼠标左键向上或者向下拖动,动态面板的显示内容也会发生变化，除了这种方式外，也可以在要移动的状态上鼠标右键单击，在弹出的快捷菜单里选择向上移动或向下移动命令，把“小刚的作业本”状态移动到第一个位置。调整状态顺序（7）鼠标右键单击要删除的动态面板状态，在弹出的快捷菜单中单击“删除”命令可以删除状态。删除状态（8）漏斗一样的按钮图标，被称为元件过滤器。单击元件过滤器按钮，会弹出很多选项，它是用来设置元件管理区域的显示情况，默认勾选了3个选
13、态面板脱离、转换为母版、转换为动态而板，这些常用功能是制作原型过程中不可缺少的8个功能。4.2.1动态面板的显示与隐藏效果动态面板的显示与隐藏效果：通过动态面板的显示与隐藏效果的切换，完成动态的交互效果。实战演练（1）先保存当前工程，将Pagel页面重新命名为“动态面板的常用功能”，添加子页而并将其命名为“显示与隐藏效果”。，国动态面板的常用功能目显示与隐藏效果页面命名（2）进入到“显示与隐藏效果”子页而，拖曳两个“按钮”元件到工作区域，将其分别命名为“显示”和“隐藏”，拖曳一个动态面板元件，其名称为“显示与隐藏"，把Statel重新命名为“内容”。-呈示与丽婢拖戋提交按
14、钮和动态面板元件（3）编辑“内容”状态，拖曳一个“矩形1”元件，编辑其文本内容为“我是显示与隐藏效果页而内容”，回到“显示与隐藏效果”页面。图4.35编辑动态面板状态内容（4）选中“显示”按钮之后，在检视区域的交互面板里，为“显示”按钮设置“单击时，设置可见性”触发事件。添加鼠标单击时触发事件（5）单击交互而板右下角的交互按钮，会弹出交互编辑器对话框，其中包括添加事件、添加动作、组织动作、设置动作4个操作面板，对话框中每个面板的区域都划分得很清楚，4个操作面板共同完成交互效果的设置。交互按钮X交互编辑器II西起文互用用WI8K互.虹记作Q口国蛇5窗口只寸交现SDiRSffJ者
15、口白上潼谢88口向K跖向即H工击B页面双3W1匚宜慎后古却）uiaa行:裕询口国组曲和KS密吟闻白面2碘33曲交互编辑器对话框（6）在添加动作面板中，单击显示/隐藏选项，在组织动作面板里可以看到新增的动作。在添加动作面板里可以新增多个动作，当有多个动作时，它是按顺序执行的，从上向下依次执行，鼠标右键单击动作可以调整动作的顺序以及删除动作，下面选择动态面板的显示与隐藏元件。X交互犯彘器iSBEK总例碍中现启用厘修7-S邮关暗二依刈自口及延际不我必欠位仪<=U3区乐取洞单击显示与隐藏动作（7）在设置动作而板里可以配置动作，单击“显示”单选按钮，制作过PPT演示文档
19、1如里内打钝）安装协议实战演练（1）新建页面并将其命名为“滚动栏设置”，打开此页而，拖曳一个“动态面板”元件到工作区域，将其名称修改为“滚动栏设置”，状态命名为“内容”。百。概要三显于与愉育效果=g至7以适合内容元件Default泡日3屣大小U0用内容x日N页面和动态面板命名（2）进入到“内容”状态里，拖曳一个“文本段落”元件到工作区域，调整文本段落元件的大小。海力栏世MX兀228内容XaI。，ig.流动栏设国内容，府班。关闭XLccemipsumdolorsrtametconsectehiradipiscingelitAeneaneuismcdbibend
20、umlaoreetProingravidadokxsitanietlacusaccumsanetvwe(rajustocommndoPromsodalespuMnarsktemperSocisnatequepenatibusetmagnisdisparturientmonies,nasceiurndKukjsmus.Namfecmentum.nuBaluctuspharetravuiputateiefcstellusmollisorci.sodrhoncuspreninsapionnuncaccuanoge