weixin_44820920的博客

输入账号或密码等信息时，需要向后台返回相关信息参数，进行验证或判断。此案例利用中继器来进行输入信息的记录。在页面中画出以下元素，并分别命名。A：昵称输入B：密码输入C：注册按钮D：中继器（左侧为昵称存储框，命名 name；右侧为密码存储框，命名为 password）选择中继器，添加列，命名：name、password。选择中继器，添加命令：每项加载时——设置文字——勾选中继器...

目前大量的购物场景在网站和 app 中随处可见，这个案例，我们通过变量的形式，学习购物中添加商品时，商品数量的增肌与金额的运算。从元件库中画出多个矩形，和文本框， 并分别命名。红色区域：命名“单价”。蓝色区域：命名“数量”。紫色区域：命名“总价”。摆好位置后，先将文本框之间的关系进行梳理。商品价格 * 数量 = 总价。商品价格为固定数值；数量可以通过“加号图标”、“减号图标”，...

在网站和 app 中，大量可以看到结构重复，但内容不一的信息。此时，我们可以利用中继器，进行快捷操作。从元件库拖拽出中继器。双击中继器后，可进入元件内部。此处的空白矩形可以删除，或换我们需要的内容进行编辑后，最终页面保留这些信息。分别对其命名，上侧为“头像、昵称、联系方式”，下侧为“aa、bb、cc”。此时，在 index 页面，我们返回可以看到页面进行了变化。如果需要...

画出多个矩形，排列并写入数字，便于查看效果将全部矩形打组，并为组合命名“条目”。从元件库拖拽出动态面板，命名为“显示区域”。将组合放入“显示区域”状态 1 内，坐标左上角 0.0 点。选择“条目”组合，将其右键转换为动态面板，面板命名“内容”，此时“概要：页面”窗口如下图。在当前页面添加两条线条，宽度与面板保持一致，高度为 1。位置分别是“显示区域”的顶部和底部。为“内容”...

从元件库拖拽出以下元件，第一个框命名：X 坐标，第二个框命名：Y 坐标。添加命令：页面鼠标移动时——设置文本——勾选 X 坐标——点击 fx——打开窗口——选择鼠标指针——选择 Cursor.X。添加命令：页面鼠标移动时——设置文本——勾选 Y 坐标——点击 fx——打开窗口——选择鼠标指针——选择 Cursor.Y。预览时，原型图效果如下。...

一、移动端产品中，大量使用驼式导航，通常会把主要命令，集中于驼峰处，以浮动功能集的形式出现。下面我们模拟驼式浮动功能集利用移动命令实现的案例。在桌面中拖拽出多个圆形进行摆放，分别命名，“加号”、“1/2/3/4”，并记录 1/2/3/4在页面中的坐标。（可直接将坐标写入元件名称的位置）2. 将“1/2/3/4”与加号重叠，注意，此处加号为顶部图层。。3. 选择“加号”，添加命令...

在舞台中，用元件一级标题，写入文字。2. 添加命令，选择按钮——右键单击——打开菜单——单击交互样式。3. 在交互样式设置窗口中，选择鼠标悬停，勾选线段颜色并修改——勾选线宽并修改——勾选线性并修改——勾选边框可见性——勾选圆角半径。4. 查看效果。 鼠标移入前：鼠标移入后5. 在 index 页面，选择按钮——右键菜单——打开交互样式窗口继续添加命令。6. 交互样式设...

在网页或 app 注册时，通常会有验证码判断的环节，我们通过简单的条件语句设置，即可进行判断。从元件库找到文本框，拖拽至舞台，选中后，在“检视：文本框”内设置提示文字：请输入验证码。虚拟编辑一个验证码，并作出正确和错误的提示，且对元件进行命名。. 选择“正确”，右键转换为动态面板，并添加状态 2，将“错误”放入状态 2 页面，坐标左上角 0.0 点。将动态面板隐藏。. 选择...

在 index 页面，建立输入框（输入框内文字设置等信息，可参考案例 9），并拖拽 3 个可输入文字元件（任意元件），输入相关内容。命名：“A、B、C”。选择“A”，右键转换为动态面板，并添加 2 个状态 ，将“B”放入状态 2 页面左上角坐标 0.0点，将“C”放入状态 3 页面左上角坐标 0.0 点。将动态面板隐藏。在 index 页面，添加命令，选择动态面板——文本改变时——...

一、制作方法1）在网页和 APP 中，我们在首页的位置经常可以看到滚动展示的轮播推广图，只需将多个图，重叠放在一起，顺序显示即可。从元件库拖拽出 3 个矩形，分别命名 1、2、3。选择矩形 1，右键将其转换为动态面板。为动态面板添加 2 个新的状态。把矩形 2 放在动态面板状态 2，坐标左上角 0.0 点。把矩形 3 放在动态面板状态 3，坐标左上角 0.0 点。预览时，...

一、显示/隐藏/切换1）制作网站原型时，对于按钮的切换，鼠标移入、移出或点击后显示不同效果的形式、屡见不鲜。这种效果制作起来非常简单。2）从元件库拖拽两个矩形元件，分别命名“A”“B”。2. 将 A 和 B 重叠放在一起。选择 A 元件，添加命令——鼠标单击时——显示 / 隐藏——勾选 A——隐藏 A——勾选 B——显示 B。3.选择 B 元件，添加命令——鼠标单击时——显示 / 隐藏...

一、动态面板1）建立动态面板2）管理动态面板1、上图中我们可以查看动态面板名称，已经为面板状态进行相关设置。2、加号：点击后，可以增加状态，State+13、复制：点击后，可将选中的状态复制4、上移：点击后，可将选中的状态向上移动一层，多次点击，可多次上移5、下移：点击后，可将选中的状态向下移动一层，多次点击，可多次下移6、编辑状态：点击后，会打开所选中的状态，在舞台中进行编...

一、默认元件库1）默认元件库包含基本元件、表单元件、菜单和标签、标记元件二、基本元件库1）基本元件是由形状元件、图片元件、线段元件及容器构成。2）形状元件：矩形 1、矩形 2、矩形 3、椭圆形、一级标题、二级标题、三级 标题等构成。双击3）可以在形状容器中输入文字内容或选择元件，直接输入。4） 图片元件：图片。双击图片可以在电脑文件中导入其他图片进行替换。选择图片元件直接输入文字，文...

一、函数基础 1）定义： def 函数名（参数）： pass return 表达式 2）区别 return 是返回值 print是将结果打...

一、项目制作及制作1）完毕后，均可使用 Ctrl+S 进行保存，或在在菜单栏中选择文件—保存二、若查看时1）环境不允许（无 Axure RP 软件），可以在制作时，除保存源文件外，再生成一份 HTML 格式文件。HTML 格式可发送任意电脑，通过浏览器进行查看。2）生成 HTML 文件只需要打开发布，选择生成 HTML 文件2）单击生成 HTML 文件可看到以下窗口三、在生成...

一、我们可以使用软件提供的两种操作进行预览：①单击预览按钮。②按下键盘 F5 进行预览二、预览时，可以选择电脑中已安装的任意浏览器，打开上图中预览选项，选择自己需要的浏览器即可。三、上图中的工具栏可以在预览原型图时调整页面的相关元素。开启页面列表：不加载工具栏：页面即为空白页面。...

一、简介在工作和练习时，很多项目包含的页面会非常多，部分页面有很多相同的内容，我们在Axure 中可以通过母版解决多个页面重复内容的编辑问题。读者需要注意的是，此处的母版方便管理项目的同时，需注意，多个页面相同的内容，由同一母版进行控制，若对某一内容进行单项修改时，其他页面的同一内容，均发生改变。二、添加母版在母版区域单击添加母版按钮，即可在母版区域添加空白的母版。三、编辑母版①...

一、概要上图可看出，我们所添加的图片、矩形、段落和水平线互相重叠堆积在一起，并且多个元件的括弧内都为矩形，此时会影响设计效率，亦可通过排序与筛选按钮，进行设置。检视页面区域，由 3 个大的选项构成：属性、说明、样式。二、属性1、页面属性可以说是每一个设计师使用最多的区域之一。利用页面属性可以为元件或页面，添2、加丰富的交互功能。选择不同的元件，所呈现的属性内容也随之变化。三...

一、属性1.不同的元件都有其独立的属性，可对相关属性进行设置。以文本框为例：其他类型的元件，在此处元件属性大同小异。二、元件样式页面可以添加样式，而元件可以添加更多丰富的样式。1、元件名称：可以为元件命名（也可选择图层，点击后命名）。2、元件位置：通过 X 坐标与 Y 坐标，可对元件的位置进行修改。3、元件大小：通过宽度和高度进行调整。4、元件角度：直接填写数值可对元件进...

一、连接1）原型图最终指向为某一个网站或 APP 全套流程，这其中将会涉及到界面连接及元件连接的相关问题。2）若软件中页面非常多的情况下，连接的作用会完全体现出来。那么连接线如何使用呢？3）1、在软件工作区找到连接按钮，鼠标单击后方可使用，在连接功能使用结束后，点击选择按钮，即可还原为鼠标箭头。2、在连接时，页面中需要至少出现 1 个以上的元件进行连接。连接的线条可以进行多种不同类...

一、功能区域试图1）A 区域：页面区域（添加或删减页面）B 区域：元件库（下载、载入、创建及搜索元件）C 区域：母版（添加或删减母版）D 区域：舞台（操作台）E 区域：为舞台及舞台元件添加属性、说明及样式F 区域：页面图层（修改图层顺序、寻找图层、添加或删减图层） 2）在使用软件的过程中，由于操作的错误或业务的需要，导致某些窗口丢失，需要继续使用时，可以根据以...