Axure动态面板

Axure动态面板

Axure中的动态面板,如名称一样,该元件有多个状态,可以在不同的元件切换不同的状态,显示或隐藏。以下是一个简单的例子,介绍Axure中动态面板的使用。

实现的功能和效果展示

通过tab切换,底下展示对应的不同内容。底下内容区域就可以用动态面板来实现,不同的状态不同的页面内容。顶部的tab可以用同在一个选项组的矩形框,快速实现效果。

1.顶部tab切换效果的实现

1)拖入四个矩形元件,在样式中设置,边框可见性,将左右上三个方向的边框隐藏。

2)选中矩形框,右键交互样式中,选中,设置选中后粗体、颜色蓝色、以及线段加粗,蓝色。

3)选中四个矩形,设置选项组,设置选项组名字即可。

4)挨个选中矩形框,添加单击用例,单击后,选中当前元件为true。点击预览,即可看到tab切换的效果OK了。

2.增加动态面板,设置动态面板中每个状态的页面

1)在页面矩形tab底下,拖入动态面板,双击动态面板,命名。就可以在右侧页面栏中看到动态面板,默认有一个状态了,可点击动态面板右上角的+,进行添加状态,也可右键添加状态,为每个状态命名。

2)在页面栏中,选择每个状态的页面,双击之后就可以打开状态页面,在页面中添加内容。

3.设置动态面板状态切换用例

选中不同的tab矩形框,添加单击用例,选择设置面板状态,选中动态面板,选择状态,按照相同方法为其他三个矩形框设置面板状态。以上就通过动态面板,实现了点击不同的tab,展示不同页面的效果。

小青菜

3,512条评论

Laurinda 发布于上午3:09 - 2021年6月21日

What’s up Dear, are you actually visiting this site on a regular basis, if so
then you will absolutely obtain good know-how.

Also visit my web blog; سایت بیمه

Susanne 发布于上午2:39 - 2021年6月21日

Hey there! This is my first visit to your blog! We are a collection of
volunteers and starting a new project in a community in the same niche.
Your blog provided us beneficial information to work on.
You have done a wonderful job!

Here is my web site dg

levitra in australia 发布于上午1:55 - 2021年6月21日

viagra alcool generique du viagra produit plus fort que le viagra quand et comment prendre le viagra ?

cialis generic canada 发布于上午1:01 - 2021年6月21日

cialis generic canada

cialis generic canada

Jerrold 发布于上午12:46 - 2021年6月21日

That is really attention-grabbing, You are an overly professional blogger.
I’ve joined your rss feed and look forward to seeking extra of your
wonderful post. Additionally, I’ve shared your website
in my social networks

Here is my website :: ae888

Caitlyn 发布于上午12:44 - 2021年6月21日

Pharmacy technician online program pioneer rx pharmacy software reviews mexican pharmacies online

Meredith 发布于下午11:58 - 2021年6月20日

I was very pleased to discover this site. I want to
to thank you for ones time for this particularly wonderful read!!
I definitely enjoyed every little bit of it and I have you saved to fav to look at new information on your site.

my website … invest bitcoin

Felix 发布于下午11:22 - 2021年6月20日

Where to buy cialis online how long before sex should i take cialis 30 day free trial of cialis

Malinda 发布于下午10:54 - 2021年6月20日

It’s very straightforward to find out any matter
on net as compared to books, as I found this post
at this web site.

Here is my web-site: Visit ME

Mirta 发布于下午10:02 - 2021年6月20日

Hello There. I discovered your blog the use of msn.
That is a really well written article. I will be sure to bookmark it and come
back to read extra of your useful info. Thanks for the post.
I will definitely return.

My web-site … Learn More

Ollie 发布于下午9:53 - 2021年6月20日

Hi there! Do you know if they make anyy plugins to help with SEO?
I’m trying to get my blog to rank for some targeted keywords
but I’m not seeing very good success. If you know of any plewase share.
Thanks!

Heree iis my webpage: Childers

gabapentin withdrawal symptoms 发布于下午9:43 - 2021年6月20日

gabapentin withdrawal symptoms

gabapentin withdrawal symptoms

发表评论