请教:UI组件的开发方法是怎样?

tiangej 2013-06-19
我没有HTML5开发UI组件的经验。
请教朋友们如下问题:

>>功能要求
我要用HTML5开发自定义UI组件。
该组件不用图片。
该组件高度自定义,比如三角形组件,不规则形状组件。
该组件推测要使用绘图API(阴影,渐变)
该组件推测要使用事件机制,对鼠标,键盘的动作进行相应。
*请不要质疑为什么要这样做。

>>问题
1。UI组件必然要使用Canvas才能实现吗?
2。UI组件通常是由更基本的UI组件构成(比如滚动条=背景容器+上下箭头按钮+拖动滑块),如果用Canvas开发UI组件,是这样的结构吗?
3。App画面上有多个UI组件,每个组件都是Canvas(Canvas内部还有更多子Canvas),用HTML5开发App,是这样的结构吗?
4。每个UI组件都要响应鼠标和键盘事件,并在外观上做出变化。这种外观的刷新,依靠的是什么机制(定时器?)
     这种刷新是每个UI组件为单位进行刷新还是以APP整个画面为单位,统一刷新?
u013680195 2014-04-02
CSS基础教程17篇

此教程共17篇,由浅到深、循序渐进的讲述CSS知识。
对初学者有很大的学习价值,对已入门的朋友也有重要的参考价值。

1、CSS的应用
http://www.weby.com.cn/view.asp?id=13

2、CSS Selectors,Properties,and Values 选择器 、属性、值
http://www.weby.com.cn/view.asp?id=14

3、CSS的color颜色
http://www.weby.com.cn/view.asp?id=15

4、CSS的Text 文本
http://www.weby.com.cn/view.asp?id=16

5、Margin和Padding
http://www.weby.com.cn/view.asp?id=17

补充:CSS盒模型(Box Model)问题详解
http://www.weby.com.cn/view.asp?id=18

6、CSS的Border边框
http://www.weby.com.cn/view.asp?id=19

7、CSS属性结合起来使用
http://www.weby.com.cn/view.asp?id=20

8、CSS的Class以及ID选择器
http://www.weby.com.cn/view.asp?id=21

9、CSS的Grouping and Nesting分组和嵌套
http://www.weby.com.cn/view.asp?id=22

10、CSS的Pseudo Classes 伪类
http://www.weby.com.cn/view.asp?id=23
11、CSS的属性缩写
http://www.weby.com.cn/view.asp?id=24

12、CSS的Background Images 背景图片
http://www.weby.com.cn/view.asp?id=25

13、CSS的display属性
http://www.weby.com.cn/view.asp?id=26

14、CSS网页布局Page Layout
http://www.weby.com.cn/view.asp?id=27

15、CSS的At-Rules@规则
http://www.weby.com.cn/view.asp?id=28

16、CSS的伪元素Pseudo Elements
http://www.weby.com.cn/view.asp?id=29

17、CSS的优先级特性Specificity 
http://www.weby.com.cn/view.asp?id=30
Global site tag (gtag.js) - Google Analytics