关注头条@路飞写代码，获取更详尽图文

上期回顾 上期自学之路2写起来感觉特别费劲，始终还是参考了一些其他的书籍，让别的书籍牵着鼻子走，后来才发现这样其实是错误的。应该按照自己的步骤去一遍遍操作，研究，不应该局限于其余资料上的顺序。所以后面的就完全按照自己的节奏来控制

写作真的很痛苦，坚持......

Axure RP9 自学之路3-【样式】面板内容详解 欢迎向作者提问

主要知识点（右侧面板顺序，依次讲解） 设置元件旋转角度、透明度 设置文字排版（字体、样式、字号、行/字间距、字体对齐方式） 设置元件填充 设置元件阴影 设置元件圆角 设置元件文字边距 设置元件旋转角度、透明度 设置旋转角度有两种操作方式。图3-1

选中元件 在右侧面板【样式-位置尺寸】在旋转文本框中输入相应的旋转角度 选中元件，鼠标悬浮在任意编辑点上，按住Ctrl键，此时编辑点变成一个旋转箭头，然后拖动，即可改变角度。 Axure RP9 自学之路3-【样式】面板内容详解 图3-1(设置旋转角度)

设置透明度比较简单。选中元件，在右侧面板【样式-不透明性】，拖拽进度条或者直接修改数值即可。图3-2 Axure RP9 自学之路3-【样式】面板内容详解 图3-2(设置透明度)

设置文字排版（字体、样式、字号、行/字间距、字体对齐方式等） 双击矩形元件，在其中输入文字 选中矩形元件-右侧【样式-排版】 通过下拉列表选择字体 通过下拉列表选择字体样式 通过颜色框可以设置字体颜色 点击【Aa】按钮可以设置字体下划线、粗体、删除线、列表、同时也可以将字体设置为上标/下标，同时能够设置英文字母大写/小写 点击【T】按钮可以设置阴影 如图3-3

Axure RP9 自学之路3-【样式】面板内容详解 图3-3(文字排版)

设置元件填充 选中矩形元件，右侧找到【样式-填充】可以看到两个色板【颜色/图片】 点击【颜色】色板，打开调色板。有三种颜色设置方式【单色/线性/径向】 点击【图片】弹出图片设置面板，选择图片，设置图片对齐方式和重复/不重等相关 Axure RP9 自学之路3-【样式】面板内容详解 图3-4(元件填充)

设置元件阴影 选中元件找到右侧【样式-阴影】 设置比较简单，单击【外部】设置外阴影，设置X,Y阴影位置、阴影颜色、模糊度 单击【内部】设置内阴影，同外部设置参数值一样 Axure RP9 自学之路3-【样式】面板内容详解 图3-5(设置元件阴影)

设置元件圆角 第一种选中元件，单击矩形上三角形图标，拖动更改圆角大小 第二种选中元件，右侧面板【样式-圆角】更改半径/圆角可见性 多个元件需要更改成相同的圆角，可以用鼠标框选多个元件，然后拖动小三角图标，会一起更改成半径一样的圆角 Axure RP9 自学之路3-【样式】面板内容详解 图3-6(设置元件圆角)

设置元件文字边距 选中元件，【右键-填充乱数假文】 找到右侧【样式-边距】分别设置左侧，顶部，右侧，底部数值 Axure RP9 自学之路3-【样式】面板内容详解 图3-7(设置元件边距)

视频合集(Axure RP9自学之路3) 结束语 本篇文章的写作越来越得心应手了吧，之前为了编辑一个Gif图，都是感觉特别麻烦，现在来说，熟能生巧，我是一个卖油翁( ╯□╰ ).....为手熟耳 还是那句话，真实记录自己的自学过程。 也希望能看到此篇文章的有缘人，能够关注一下我，给我一些动力。