@@ -45,33 +45,33 @@ License
45
45
实战案例
46
46
-------
47
47
48
- ###卡片翻转优化
48
+ ### 卡片翻转优化
49
49
50
50
![ device-2016-01-19-162559.mp4.gif] ( images/device-2016-01-19-162559.mp4.gif )
51
51
52
- ###TextView缩略
52
+ ### TextView缩略
53
53
通过控制文本展示实现单击展开和收缩文本,并在收缩状态显示提示图标
54
54
55
55
![ TextView] ( http://7u2jir.com1.z0.glb.clouddn.com/expand_text.gif )
56
56
57
- ###字体设置汇总
57
+ ### 字体设置汇总
58
58
通过不同方式实现自定义字体的设置,主要区别在于调用层
59
59
60
60
![ 字体设置汇总] ( http://7u2jir.com1.z0.glb.clouddn.com/device-2015-10-08-173228.png )
61
61
62
62
63
- ###巧用BitmapShader
63
+ ### 巧用BitmapShader
64
64
通过为Paint画笔设置Shader,可以再画布上绘制许多有意思的东西
65
65
66
66
![ BitmapShader] ( http://7u2jir.com1.z0.glb.clouddn.com/bitmapshader_imageview.gif )
67
67
68
68
69
- ###Property自定义属性动画
69
+ ### Property自定义属性动画
70
70
基于Property的自定义属性动画
71
71
72
72
![ Property动画] ( http://7u2jir.com1.z0.glb.clouddn.com/property_animation.gif )
73
73
74
- ###自定义ResideMenu
74
+ ### 自定义ResideMenu
75
75
residemenu是是侧滑菜单的一种,但是视觉效果更特别,此次实现是基于android v4中SlidePanelLayout扩展而来,主要是为了减少非核心代码的开发工作。
76
76
77
77
详细实现请看:[ 基于SlidePanelLayout实现ResideMenu] ( http://avenwu.net/2015/02/24/custom_slide_panel_layout_as_reside_style_on_dribble_and_qq )
@@ -80,36 +80,36 @@ residemenu是是侧滑菜单的一种,但是视觉效果更特别,此次实
80
80
81
81
![ 自定义ResideMenu] ( http://7u2jir.com1.z0.glb.clouddn.com/custom_residemenu.gif )
82
82
83
- ###RadioGroup仿iOS Segmented Control
83
+ ### RadioGroup仿iOS Segmented Control
84
84
这个没什么好说的用的实际上是RadioGroup,但是加强了封装和配置,所以使用会方便一些,否则每次需要类似UI效果都从新写是很累的事情。
85
85
86
86
![ RadioGroup仿iOS Segmented Control ] ( http://7u2jir.com1.z0.glb.clouddn.com/styled_radiogroup.png )
87
87
88
- ###流式标签生成控件
88
+ ### 流式标签生成控件
89
89
这个东西还是比较有意思的,看图说话,通过EditText和TextView以及ViewGroup的有机结合,就可以做出这个效果不一般的输入交互控件。
90
90
91
91
详细技术实现请看:[ 流式标签生成控件] ( http://avenwu.net/customlayout/2015/01/18/tag_layout )
92
92
93
93
![ 流式标签生成控件] ( http://7u2jir.com1.z0.glb.clouddn.com/tag_input_layout_demo.gif )
94
94
95
- ###qq消息气泡【二次贝塞尔曲线多边形】
95
+ ### qq消息气泡【二次贝塞尔曲线多边形】
96
96
这个实际上是做为分析QQ红点气泡的一部分,及气泡拖拽的原理。
97
97
98
98
![ 多边形气泡] ( http://7u2jir.com1.z0.glb.clouddn.com/polygon_bezier.gif )
99
99
100
100
101
- ###侧滑菜单
101
+ ### 侧滑菜单
102
102
简单的侧滑效果实现并不难,需要处理两块view容器的相对关系,但是有效果并不代表能使用,可实用的组件还需要考虑很多,下面的demo实际上主要目的在于处理菜单和内容区的位置关系,用的是scroll移动的方法,结合Scroller,所以导致变化的实际上是菜单容器的内容而不是菜单,所以support里还有另外一个自定义侧滑菜单解决这个问题。更多技术实现参考对应的文章:[ 自定义侧滑菜单] ( http://avenwu.net/customlayout/2014/12/16/sliding_menu/ )
103
103
104
104
![ 侧滑菜单] ( http://7u2jir.com1.z0.glb.clouddn.com/drawermenu.gif )
105
105
106
- ###下拉刷新列表
106
+ ### 下拉刷新列表
107
107
下拉刷新的本质上是LinearLayout嵌套ListView+View(刷新的头部视图),通过TouchEvent的分发控制,动态改变视图的Top位置。
108
108
109
109
![ 下拉刷新列表] ( http://7u2jir.com1.z0.glb.clouddn.com/pulltorefresh.gif )
110
110
111
111
112
- ###圆形排行View
112
+ ### 圆形排行View
113
113
这个实际上最开是的时候已经作为一个单独的项目开发,并且已经上传值maven,所以也可用gradle导入。
114
114
115
115
[ IndexImageView项目首页] ( http://avenwu.net/IndexImageView/ )
0 commit comments