UI设计-不简单?简单(3)
2015-08-30 15:32
246 查看
在做权限系统的时候,好多功能负责的页面,为了让用户操作起来更简单,抽成“下一步”的流程操作是很有必要的。用户组模块的用户组注册时涉及到三个步骤,为了加上导航条可是费了一些心思,刚开始想的是自己画,但是自己的画的绝对是丑啊,于是搜索了一番,发现了一个不错的导航条插件ystep。下面贴上几张我设计的界面:
![](http://img.blog.csdn.net/20150830152530031?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20150830152550915?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20150830152614718?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
注册成功后给用户一个良好的反馈。
![](http://img.blog.csdn.net/20150830152754617?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
ystep的用法:
(1)首先定义一个容器来存放进度条
(2)创建导航条js代码
![](http://img.blog.csdn.net/20150830152921654?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
(3)原来的提示框默认的背景是灰色的,需要更改封装的css代码
![](http://img.blog.csdn.net/20150830153051801?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
导航条创建成功了,希望对大家有所帮助。
注册成功后给用户一个良好的反馈。
ystep的用法:
(1)首先定义一个容器来存放进度条
(2)创建导航条js代码
(3)原来的提示框默认的背景是灰色的,需要更改封装的css代码
导航条创建成功了,希望对大家有所帮助。
相关文章推荐
- uva 1306 The K-League (最大流)
- request.getParameterMap()使用方法
- STL源码剖析 [容器](八)[priority_queue]
- #1005 Number Sequence
- leetcode 232: Implement Queue using Stacks
- HDU 3397 Sequence operation(线段树区间合并)
- 野人学Android基础篇之初探UI控件第六课--ListView和他的adapter们(二)
- The Java EE 6 Tutorial Filtering Requests and Responses
- 如何找到最合适处理事件的UIView
- UUID iOS设备唯一标示符
- STL源码剖析 [容器](六)[stl_queue.h]
- [算法] Quick Sort
- iOS开发笔记1-UINavigationController
- UVa 1608:Non-boring swquences(分治)
- CEGUI编译
- EasyUI常用控件禁用方法
- UIimage View
- UIButton状态:添加图片:
- 剖析安卓build系统的设计思想以及案例模拟
- iphone开发之表格组件UITableView的使用(二)如何分组展示数据并添加组头和组尾描述