用Axure创建一个知乎登录注册界面
百度网盘资源:https://pan.baidu.com/s/1EIujIll2_xfAqvrpy8upzA
提取码：pukh
首页效果是这样的：
对于图片的部分需要插入占位符，其他的都是一些简单的基本元件，这里就不一一列举出来了，在这里主要讲一下难点：
难点一：动态面板的运用
动态面板，根据字面上的意思来理解，就是你想要实现动态变化的部分，所以我们需要第一步，把需要变成动态的部分勾选出来：鼠标左键按住不放选择需要变化的部分，这里以知乎界面为例：
这里可以设置很多个页面，这里我们设置两个，即登录和注册界面，如图：
难点二：交互事件的运用
点击第一个动态面板页面即（动态面板）/State1（index），点击登录两个字，点击鼠标单击时。选择“设置动态面板”中的“Set state to State2"选择状态为State2，如图：
同理，在state2页面也是同样的操作，不过选择状态应选择State1，设置交互页面应该为注册两个字设置，再把多余的部分删掉，如图：
到此，一个登陆注册的交互页面就设置完成了。
难点三：为交互页面设置滑块效果
在主页面，即index页面的注册下面添加一个矩形，填充为蓝色，如图：
再在动态面板1登录两个字上面再加一个事件：移动滑块，坐标要事先去测量，目标位置为登录下面的坐标
同理，在动态面板2为登录两个字添加坐标交互事件，位置为一开始注册下面的位置即起始位置，至此就全部大功告成了。
用Axure创建一个知乎登录注册界面相关推荐
- 一个简单的登录注册界面流程介绍
登录页面实现 其他页面的实现可以到github上克隆下来 login_interface login_server 一.用户登录 1.密码登录 流程: 用户输入密码: 表单使用正则验证用户名和密码格式 ...
- HTML写一个简单的登录注册界面
页面样式 HTML代码 <html lang="en"> <head><meta charset="UTF-8"><t ...
- 一个简单的登录注册网页的实现
一个简单的登录注册网页的实现 通过 标签让标签内的内容居中显示,再通过标签中的method属性来设置请求方式为post(一般涉及密码等机密数据都用post请求):再通过action来设置请求地址.这其 ...
- python做一个登录注册界面_Python 实现简单的登录注册界面
Python 实现简单的登录注册界面 注意:编写代码之前需要导入很重要的包 import tkinter as tk import pickle from tkinter import message ...
- python做一个登录注册界面_python做一个登录注册界面的方法
python做一个登录注册界面的方法 发布时间:2020-08-21 10:37:05 来源:亿速云 阅读:111 作者:小新 这篇文章主要介绍python做一个登录注册界面的方法,文中介绍的非常详细 ...
- 小白教程——Windows下用PHP写一个简单的登录注册页面（二）
哈喽,看到这里希望小伙伴们都把wampserver环境安装好了,如果还没有安装或创建数据表就移步去看我上一篇文章吧.OK~接下我们将进入代码实现部分,首先我们需要一个文本编辑器,可以是电脑自带的not ...
- 用layui做一个简易的登录注册页面
用layui做一个简易的登录注册页面 1.首先在主页绑定一个点击事件,点击登录按钮就可以弹出一个弹出窗,一般商场登录页面不会跳转一个新页面,因为如果进入一个新页面,登录后需要跳转会原来的页面,这样会导 ...
- php mysql注册登录界面_php实现登录注册界面
php实现登录注册界面 首先你要搭建一个自己的数据库 我用wamp64创了一个people的数据库 具体操作可以参考该搭建链接: 这里就讲下我实现的功能代码: 创建sql.func.php实现一些基本 ...
- Android开发：登录/注册界面的编写
目录 新建一个空项目(或Activity) 在xml中绘制登录界面 关掉ActionBar 运行(最终效果图) 后记 在实际开发中,几乎所有的APP都会涉及到用户注册/登录页面的制作,因此本文以And ...
最新文章
- 利用Python模拟鼠标自动完成MM32-LINK程序下载
- 【推导】Codeforces Round #364 (Div. 2) D. As Fast As Possible
- nfcwriter写入_NFCWriterX 详细使用教程 iOS iPhone NFC实战教程 更新支持iOS11
- 常见的web应用服务器
- 查看模拟器使用端口_为什么我们仍然使用模拟音频端口？
- 【dfs】简单游戏（jzoj 2121）
- google android广告异步加载,谷歌广告异步代码和同步代码的解决方法
- hive分区用2个字段有何限制_[特性]Hive动态分区功能使用
- 电商基础（一）：跳出率和退出率
- docker pull 国内镜像_MAC版 的最新Docker 2.2版本配置国内代理的解决办法
- 集群资源分配_推荐一款MySQL日常运维和集群管理的自动化平台--Arkcontrol
- deepin驱动精灵_解决宏基笔记本没有Qualcomm_Atheros_QCA9377无线驱动
- 人人接龙助手，三分钟为你的微信群创建打卡活动
- python绘制网络拓扑图_python 画网络拓扑图
- cl.exe link.exe 用法
- illustrator插件开发向导--基础入门(二)--插件定义--PiPL资源--插件管理--插件入口和消息--加载和卸载--启动和关闭
- 爱思益为我找的工作怎么样？
- dcos 架构官方文档
- 领存Xeon E5 6U VPX高性能计算刀片上市
- android ui开发知乎,实现知乎app的主界面效果