axure70教程(图文案例).docVIP

初学axure时会想如何快点实现做父互的效果，做父互要对部件的属性和axure的基础功能有认识和了解才能更快的实现，我介绍这个案例主要用到的部件是“动态面板”需要对动态面板的属性有所了解。 切换面板在网页中算是非常常见的，如视频网站的电视剧分类标签、资讯网站的资讯分类等，当鼠标移入到这个标签的时候显示的内容会相应的变化，同时标签的样式也会发生变化；这些交互效果都可以利用动态面板的几个状态来进行相互切换得来。 步骤1：从部件库中拖拽一个动态面板到线框图编辑区中，并在“部件交互和注释”窗口中命名为“通知”  步骤2：双击动态面板“通知”，打开 动态面板管理窗口，点击“+”按钮，新增4个状态，并将状态命名为：公告、规则、 论坛、安全、公益 步骤3：在“通知”动态面板管理窗口中，双击“公告”状态，打幵公告”状态，在 公告状态中输入公告的内容  打开“设置交互样式”窗口，设置鼠标悬停时字体颜色：#FF4400；切换到标签“鼠标 按键按下时”，设置字体颜色：#FF4400。 小技巧：经常看到在网页中，当鼠标悬停时两个或多个部件（例如图片和文字）的样式同时发生变化，要实现这个效果只要把要改变样式的两个部件放在动态面板同一个状态中，设置它的交互样式，同时在动态面板属性中勾选“触发鼠标交互样式”这样就可以实现了  步骤5：打开“公告”状态，选中“公告”，在“部件交互和注释”窗口中，双击“鼠标移入时”事件，打开用例编辑器 步骤6：在用例编辑器中，第二步：点击新增动作-- 选择“动态面板”；第四步：配置新动作-- 勾选中“通知（面板状态）”，在“选择状态”后下拉选择“公告”；点击“确定”，保存设置，并关闭用例编辑器。 步骤：参考步骤3-4，给其他面板状态添加内容并设置交互样式；参考步骤5- 6,分别给“规则”、“论坛”、“安全”、“公益”添加“鼠标移入时”事件，设置面板状态到对应的状态中；规则 ［重要］皮衣抽检变更j［重要］虛假交易彌规 遇知/论坛(Home) 205 论坛 逼知/现则（Home） I-30D 公益 ［重要］拍粪规则变更 ［重要］新增认证规则 -------r 规则沦坛斗全 〔功能J品牌自檢上线鞍〔优化】详4页调M公吉f » 〔话劉B2C无线的岀路?喋焦〕退噪承诺孰类目 公吿 公話 公告规则论坛井全公益 公古 tee农全公詩 公越宝贝全菽上线詳溜和停能静十起来做公益 f 母亲节我枪最后几寸公話机诫宝底幵店攻站 用洌S倔83（皱标綾入时） IT：用僧溟朗用刖, 档9 sssr;列畫mjes倒神 H*3®XS甘河SFF^S R4M-r W?5F5*曰阿m・ 蔑三少:e^sjrr 乡4:9换 S5占岁:nen沪 «r 二夫二tn ，蛊值 ▲EN F丽字 SKySSCJC^JWI) 4 j0» n«« E令理却:开3 J St^^MR ^2«3E* ▲AlfcMW申 *34 g 8越:X朋 养幼 R^M-r A竇#如巧金 35SB8 •ssxs^ja ,sda 没HOW身论W S9 — 5?5U^I泊tH ^1 SA时泌 :用*( 箕二岁：痕曲动c 驚三步:帥却 rS5yttg«**a) r履开却必炸 用例堀镭器腮标移入时) iS^5：S 驚四步:EBSJHl J0* ►卩:幵3»€«□ ＞舎冈却:用《 ,on ＞三却 ▲于 se中切*34＞ 理de厌慈＞。砂《用 芳边 戡”^ ＞第开笛却汙5.冬 徑跆 谊期Kg；2戲MMKXJ、 Jfifi- 也=«« 屁硼1 事如30为安全 4/4 ®5«t2HU^5^3® 严—I韵严1|1.盲第 jt£aa(»»x®at 迭理炖萤全 iA訂注aansas r5LS3K(52WWi) 用訂500n 用訂500  步骤8：回到首页线框图编辑区中，选中动态面板“通知”，在“部件属性和样式”窗口中，勾选“调整大小以适合内容”  步骤9：保存，生成原型预览效果 公告 规则论坛妄全公益  ［重要］皮衣抽检变更 ［重要］虚假交易新规 ［重要］拍卖规则变更 ［重要］新増认证规贝I］