码迷,mamicode.com
首页 > 其他好文 > 详细

AxureRP7.0基础教程系列 部件详解H1,H2,标签,段落,占位符,矩形

时间:2014-08-26 17:37:16      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:axure教程   axure基础教程   axurerp7教程   

原型库网站—讲师金乌原创发布,可自由转载,请注明出处!

Axure中文官网:www.AxureRP.cn

 

《AxureRP7.0部件详解》

 

H1,H2,标签,段落,占位符,矩形




 

使用示例:

 



导航按钮


网站导航形状按钮经常被用来创建导航按钮,用来链接到其他页面。这些按钮也经常被用于页头、侧边栏、页脚和应用程序中。





头部、标签和内容

H1,H2,标签,和文本都是形状。默认的标签和文本的样式可以通过在部件样式管理器中编辑。





标签控制按钮

形状按钮可以用来制作标签形状和圆角矩形。

 


 

编辑形状按钮:



添加文本

选中形状按钮后编辑,即可添加文本,也可以双击形状按钮部件后进行编辑添加。




选择形状

文本和形状按钮部件可以改变各种形状,包括矩形,三角形,椭圆形,标签,水滴和箭头等。  选取该部件,单击部件右上角灰色圆圈选择形状。或者在部件属性面板中选择形状。

 



形状的格式

形状允许使用富文本格式包括编辑字体,字体大小,字体颜色,粗体,斜体,下划线,并改变对齐方式。你也可以改变填充颜色,线条颜色,线宽,线模式。要更改形状的格式,点击控件在顶部的工具栏格式中设置。

 




指定自定义样式

使用部件样式编辑器允许您集中管理您的组件包括形状的格式。  例如,你创建了一个蓝色按钮的样式并将其指定给一些形状按钮,你可以稍后在部件样式管理器中修改填充颜色,这样所有使用蓝色按钮样式的形状按钮都会被更新到最新样式。






添加悬停、选中样式和更多

形状按钮可以像图片部件那样添加鼠标悬停时、鼠标按下时、选中时、禁用时的交互样式。右键点击部件并选择交互样式,打开交互样式对话框,你可以添加任何可用的格式和样式。一旦提交样式,在设计区域中部件的右上角会增加一个由黑色和白色构成的小方块,鼠标悬停在小方块上可以预览交互样式。

 




指定形状按钮到选择组

与单选按钮组效果类似,当选项组中的一个形状按钮点击设置为选中状态后,选项组中的其他形状按钮都会切换到默认样式。
选中要添加到选项组中的形状按钮部件,右键 -- 设置选项组名称,或者到部件属性面板底部设置选项组名称。
注意:鼠标点击设置部件为选中的动作要添加在每个选项组部件上才能正常工作哦!

 




圆角

使用形状按钮部件,可以添加圆角效果。要添加圆角效果,选中形状按钮部件,拖动部件左上角的***小三角调整圆角半径。

 




转换形状/文本为图片

如果你想将形状按钮替换为图片,又想保留形状按钮部件上的注释和交互,就可以使用转换为图片功能。
右键点击想要转换的形状按钮,选择转换为图片,然后双击图片导入你想要的图片。

 




自适应宽高

拥有自适应属性的部件,是为了自适应其文字内容的宽高,取代了指定尺寸和文字换行。
设置自适应宽高的快捷操作是,双击大小调整手柄。双击左右手柄会自动调整宽度,双击上下手柄自动调整高度适应其内容高度。

 




阴影

通过添加外部阴影、内部阴影和文字阴影可以增加原型的保真度。
添加阴影可以在顶部的工具栏和部件样式面板中设置。





形状不透明度

要设置形状按钮部件的不透明度,在部件样式面板中设置不透明度的值,如 50% (数值越小透明度越高)

 



常用的形状按钮交互
点击按钮跳转到其他页面

点击按钮给变量赋值

点击按钮设置其他页面动态面板状态

形状按钮的局限性



自定义按钮图标
图标无法插入形状按钮部件,然而,你可以覆盖一个图标在形状按钮部件上面来创建一个按钮图标。你可以添加交互到图标和形状按钮上,或者覆盖一层图片热区,将交互添加在图片热区上。

 



单独的边框样式

没有办法给形状按钮的不同边框分别设置样式。一种解决方法是使用水平线和垂直线画出边框。比如,你创建一个形状按钮,顶部线条设置为白色,左右和底部的线条设置为黑色。



画矢量图

通常你可以将线条和形状组合起来接近想要的形状,但是没有钢笔工具绘制自定义形状。一个解决方法是使用矢量图绘制工具,如PS,制作好图片后复制粘贴到Axure或者导入图片。



复制形状样式

当复制形状按钮部件的时候,形状的样式也会被复制过来。另外还可以使用格式刷复制样式,并粘贴给其它指定部件。



形状按钮和矩形的区别

矩形和形状按钮是完全相同的部件,只是默认的外观有所不同而已。 形状按钮添加了圆角效果,而矩形没有。


AxureRP7.0基础教程系列 部件详解H1,H2,标签,段落,占位符,矩形

标签:axure教程   axure基础教程   axurerp7教程   

原文地址:http://8420678.blog.51cto.com/8410678/1545208

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!