extjs年月日时分选择控件_UI设计|网站公共控件及交互事件
一.网站地图与模块设计
网站地图又名SITE MAP,站点地图呈现树状结构,以主页为树的跟节点,站点地图采用树状结
构的优点是可以让我们对我们的产品整体模块和不同栏目、功能单元有一个清晰的认识。
网站地图分为扁平化模块的网站地图,还有纵向深入型,还有复杂深度型。
网站地图一般分2种,一种是给捜索引擎看的,一种是给用户看的,前者帮助捜索引擎更好地
收录你的网站,后者帮助用户更好的了解你的网站整体结构、更快的找到他们想要找的内容。
二.网页常见控件类型
1.控件尺寸,常见网页UI控件包括:
Label (标签)、ScrollView (滚动视图)、ScrollBar (滚动条)和 Mask (遮罩)。
Button (按钮)、ProgressBar (进度条)、EditBox (输入框)、CheckBox (复选
框)、Image (图片)、List (列表)、Menu (菜单)、navigation (导航)、Tab (选
项卡)、toast (提示)、alert (警示提示)、dialog (对话框)、Divider (分割线)、
timepicker (时间选择器)等。
各类网页UI控件还会自带样子,我们可以为同样的功能设计多种样式,举例时间选择器。
2.页面操作还会触发事件,例如;
按钮属性用于设置当按钮处在
普通(Normal)、按下(Pressed),悬停(Hover)、禁用(Disabled)四种状态。
toast的消息提示分类一共有三种类型:成功类、失败类、常规类。
3.网页端表单的五种操作状态:
标签一输入框一反馈一动作一帮助
(1)标注一提示当前表单是做什么的
(2)输入框一用来输入信息的
(3)反箴一用户做了动作之后,界面回馈用户的信息
(4)动作一表单中的按钮,帮助人机操作的按键
(5)帮助一辅助用户了解用户功能的信息
4.反馈信息的类型:
A.push指的是系统的通知,从下到上弹出。
B.toast自己出现,自己消失,时间只有1秒,文字简短只有一行。
C.Tips是APP内部,或者网站内部,由顶部往下而来的通知。
Tips可以系统关闭,push-般不能。
D.下拉菜单和边栏,一般采取递进形式,每层级只一个关键字段信息。
E.Disable状态的提示(可点击状态,用颜色的灰度,告诉UI或者研发是不可用的。)
三.网页常见事件
1.UI事件:当用户与页面上的元素交互时触发。
•焦点事件:当元素获得或失去焦点时触发。
•鼠标事件:当用户通过鼠标在页面上执行操作时触发。
•滚轮事件:当使用鼠标滚轮时触发。
•文本事件:当在文档中输入文本时触发。
•键盘事件:当用户通过键盘在页面上执行操作时触发。
2.变动事件:当底层DOM结构发生变化时触发
•load:当页面完全加载后在window上面触发;当所有框架都加载完毕时在框架集上面触
发;当图像加载完毕时在<img>上面触发;或者当嵌入的内容加载完毕时在< object>元素
上面触发。
•unload:当页面完全卸载后在window上面触发;当所有框架卸载后在框架集上面触发;或
者当嵌入的内容且在完毕后在<object>元素上触发。
•abort:在用户停止下载过程时,如果嵌入的内容没有加载完,则在<object>元素上触发。
•error:当发生javascript错误时在window上触发,当无法加载图像时在<img>元素上触
发,当无法加载嵌入内容时在< object内容上触发。
•select:当用户选择文本框(< input>或<textarea>)中的一或多个字符时触发。
•resize:当窗口或框架的大小变化时在window或框架上面触发。
•scroll:当用户滚动带滚动条的元素中的内容时,在该元素上面触发。
•当焦点从页面的一个元素移动到另一个元素,会依次触发下列事件:
•focusout:在失去焦点的元素上触发
•focusin:在获得焦点的元素上触发
•blur:在失去焦点的元素上触发
•focus:在获得焦点的元素上触发
extjs年月日时分选择控件_UI设计|网站公共控件及交互事件相关推荐
- 怎么设计网站设计?需要注意什么?
对于设计网站设计要注意的事项,首先是要符合用户的需求.设计网站设计费用方面用户要能接受和功能方面要符合用户的运营方向,这些都是企业用户要注意的地方.其实用户想要设计一个网站的话也是比较简单的,直接外包 ...
- 使用GridView做出列选择效果(获取动态生成的控件.鼠标点选GridView.Ajax控件)
先看效果图: 其实就是个一览定制的效果,只不过由于项目的需要,需要使用GridView进行设计,至于为什么不直接使用Html+JQuery,还是因为项目需要,不然维护起来会很麻烦,在制作的过程中会遇到 ...
- C#控件常用设计整理大全
1.常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体. (2)WindowState属性:用来获取或设置窗体的窗口状态. 取值有三种: Normal ...
- 『ExtJS』表单(一)常用表单控件及内置验证
几点说明 关于ExtJS的表单,我打算分为三个部分来写 常用表单控件及内置验证 -- 这里主要是JS代码 表单行为与Asp.NET页面的消息回复 -- 这里既有JS代码,与有C#代码,我主要是使用As ...
- 基于Authorware课件的具有导航功能的ActiveX控件的设计和实现
随着计算机的普及,Authorware已经步入了校园.企业和部队.由于Authorware有多媒体制作的优势,以及制作简单,Authorware受到学校教师.企业和部队培训人员的高度关注,每年都有很多 ...
- Android初学二之仿微信APP实现RecyclerView控件的设计开发,实现点击事件及图片瀑布流
目录 0 实验环境 1 界面展示 2 功能说明 3 核心代码 3.1 实现RecyclerView控件的设计开发 3.2 添加了文字库assets 3.3 实现点击事件对item中的每个LinearL ...
- atitit.loading的设计与实现控件选型attilax 总结
atitit.loading的设计与实现控件选型attilax 总结 1. Percentage Loader(推荐) 1 1.1. 起始百分比::调整 progress 1 2. CSS3 Loa ...
- html5选择年月日 年月日时分 年月日时分秒
canlendar.html <html><he<title>$Title$</title></head><body><!-- ...
- 【可视化编程】实验4:C#窗体和控件综合设计(多文本编辑器)
说明:这是武汉理工大学计算机学院[可视化编程C#]课程的第四次实验:多文本编辑器 >>点击查看武汉理工大学计算机专业课程资料汇总 >>点击查看WUTer计算机专业实验汇总 谨记 ...
最新文章
- 如何选择 WebClient HttpWebRequest HttpClient ?
- 使用Listener准备application作用域数据
- GitHub上如何删除fork别人的repository
- python中颜色_python - matplotlib中的命名颜色
- SpringBoot2.0之整合Apollo
- STC12参考例程(附模块资料代码注释、学习经验总结)
- linux 文本编辑器vi常用命令
- 线性代数辅导讲义(第三章 向量)
- 移动端(html5)富文本编辑器,vue移动端中使用vue-html5-editor富文本编辑器详解
- 易班APP抓包自动打卡
- 测试raid性能软件,IO性能测试-关于RAID不可不知的那些事儿
- 【项目管理】项目管理四要素
- 操作系统(02326)自考学习笔记/备考资料
- 使用Office Tool Plus安装office、visio、project等--很实用
- java dms_奥点云-DMS Java API 文档
- 知其然也知其所以然,Redis笔记总结:核心原理与应用实践
- 网址大放松 让网络一族网上过个新年(转)
- SQL语法之PRIMARY KEY 约束
- PS中的画笔工具和修饰模式(画笔模式)
- 有序数组合并及等长数组对位穿插
热门文章
- 不能装载文档控件。请在检查浏览器的选项中检查浏览器的安全设置_Excel基础—文件菜单之设置信息...
- osg多视景器实现投影墙
- jcenter和maven下载失败Can't connect to SOCKS proxy:Connection refused: connect
- linux 创建组,创建用户
- QT5 动态链接库的创建和使用
- MySQL数据存储目录查找
- [JAR包] android引入JAR包,打包成JAR包,打包成Library项目,导入Library项目
- sharepoint 2010 记录管理 对象模型
- 行、重复-SAP HANA 集合操作 UNION/Union all/INTERSECT/EXCEPT (SAP HANA Set Operations)-by小雨...
- window.onload与$(document).ready()的区别