本文主要介绍了用Axure制作高保真天气APP及颜色主题切换~
一、效果展示：
原型地址：https://p5eysh.axshare.com/#c=2
二、操作分析
点击索引页面上的向上箭头按钮，天气详情在屏幕底部滑出，中间的信息移到右上角，向上箭头上移变成向下箭头。
有关天气详情，请单击左右箭头查看未来9天的天气。
点击右上角的更多页面，进入颜色主题设置页面。
选择一个喜欢的主题，点击保存，天气APP的主题也会随之改变。
三、关键元素
动态面板。
四、实现步骤
4.1 准备阶段
1.首先拖入一个动态面板，设置其宽度和高度为375*667，并设置两个状态，分别命名为“天气”和“设置”。
2.进入天气页面，拖动到一个动态面板中，命名为“背景1”，设置四种状态axure动态面板，即状态1 ~状态4。进入这四个页面，拖动成37Axure5*667的矩形，取消矩形边框，设置矩形圆角半径为12，用渐axure动态面板变颜色填充state1 ~state 4的矩形，如下图所示(可以根据自己喜欢的颜色自定义)。
3.在天气页面上，拖动文本标签和图标，并将它们放置在下图所示的位置。icon可以在icon fAxure教程ont 阿里库中下载使用~这里设置的周一字体大小是22，“28”的字体大小是68。
4.在天气页面，拖动到一个375*501的矩形，取消边框，设置背景色为透明。然后拖动文字标签和对应的图标，做出气候条件、日落日出、风况三个细节，拖动到两个动态面板，分axure教程别叫9天预报和dots(比较随意，哈axure官网哈哈~)。最后，组合在此步骤中添加的元素，如下图所示：
5.将步骤4中的组合命名为“细节”，并将细节(组合)设置为隐藏。这就完成了天气页面的准备工作。
6.进入设置页面，将步骤2中提到的背景1(动态面板)复制到这个页面，名称改为背景2。
7.拖动到一个文本标签，输入文本“设置”，字体大小20，颜色白色，放在背景2的左上角。将设置图标放在设置的左侧，并将关闭图标拖到右上角。
8.拖入一个300*336的无边框矩形，填充白色，圆角半径：12，设置阴影(x:0，y:5，模糊：20，默认灰色)。拖入一axure基础教程个文本标签，输入“请选择一个主题”，字号14，黑色加粗，放在这个矩形的左上角。
9.拖进四个圆角为12的125*92无边框矩形，用下图所示的颜色填充。拖动成四个勾形图标，分别命名为1~4，用白色填充，默认情况下第一个是显示的，其余的是隐藏的。拖动一个按钮，输入Save，按钮填充颜色设置为透明和边缘。
框字体设为白色，圆角半径设为：12，如下图所示：
到此准备工作就算结束啦~下面开始设置交互~
4.3 交互设置
（1）首先回到天axure官网气页面，对下面的上箭头进行交互设置。如下图所示：
（2）然后为9axure教程天的Axure预测上面的左右按钮设置交互：
（3）右上角的更多icon设置交互：
（4）进入设置页面，为右上角的关闭按钮axure怎么转换为中文版设置交互：
（5）然后是主题色彩矩形设置交互：
（6）最后是为保存按钮设置交互：
