Android Path菜单的简单实现，flutterplugin开发-上地信息-shangdixinxi.com

首页 > 移动平台> Android Path菜单的简单实现，flutterplugin开发

Android Path菜单的简单实现，flutterplugin开发

时间：2022-01-01 23:18:36 阅读：203 评论：0 收藏：0 [点我收藏+]
原文：https://blog.51cto.com/u_15466124/4870745
1. ????????????????addView(imageView);??
2. ????????????????LayoutParams?params?=?(FrameLayout.LayoutParams)?imageView??
3. ????????????????????????.getLayoutParams();??
4. ????????????????params.width?=?LayoutParams.WRAP_CONTENT;??
5. ????????????????params.height?=?LayoutParams.WRAP_CONTENT;??
6. ????????????????params.leftMargin?=?mWIDTH?/?2??
7. ????????????????????????-?((menuResIds.length?-?i?-?1)?*?width_padding);??
8. ????????????????params.topMargin?=?mHEIGHT?/?2?-?i?*?height_padding;??
9. ????????????????params.gravity?=?Gravity.LEFT?|?Gravity.TOP;??
10. ????????????????imageView.setLayoutParams(params);??
11. ????????????}??
12. ????????????break;??
13. ????????case?RIGHT_TOP:??
14. ????????????mHomeparams.gravity?=?Gravity.RIGHT?|?Gravity.TOP;??
15. ????????????for?(int?i?=?0;?i?<?menuResIds.length;?i++)?{??
16. ????????????????int?width_padding?=?mWIDTH?/?((menuResIds.length?-?1)?*?2);??
17. ????????????????int?height_padding?=?mHEIGHT?/?((menuResIds.length?-?1)?*?2);??
18. ????????????????ImageView?imageView?=?new?ImageView(mContext);??
19. ????????????????imageView.setImageResource(menuResIds[i]);??
20. ????????????????addView(imageView);??
21. ????????????????LayoutParams?params?=?(FrameLayout.LayoutParams)?imageView??
22. ????????????????????????.getLayoutParams();??
23. ????????????????params.width?=?LayoutParams.WRAP_CONTENT;??
24. ????????????????params.height?=?LayoutParams.WRAP_CONTENT;??
25. ????????????????params.rightMargin?=?mWIDTH?/?2??
26. ????????????????????????-?((menuResIds.length?-?i?-?1)?*?width_padding);??
27. ????????????????params.topMargin?=?mHEIGHT?/?2?-?i?*?height_padding;??
28. ????????????????params.gravity?=?Gravity.RIGHT?|?Gravity.TOP;??
29. ????????????????imageView.setLayoutParams(params);??
30. ????????????}??
31. ????????????break;??
32. ????????case?RIGHT_BOTTOM:??
33. ????????????mHomeparams.gravity?=?Gravity.RIGHT?|?Gravity.BOTTOM;??
34. ????????????for?(int?i?=?0;?i?<?menuResIds.length;?i++)?{??
35. ????????????????int?width_padding?=?mWIDTH?/?((menuResIds.length?-?1)?*?2);??
36. ????????????????int?height_padding?=?mHEIGHT?/?((menuResIds.length?-?1)?*?2);??
37. ????????????????ImageView?imageView?=?new?ImageView(mContext);??
38. ????????????????imageView.setImageResource(menuResIds[i]);??
39. ????????????????addView(imageView);??
40. ????????????????LayoutParams?params?=?(FrameLayout.LayoutParams)?imageView??
41. ????????????????????????.getLayoutParams();??
42. ????????????????params.width?=?LayoutParams.WRAP_CONTENT;??
43. ????????????????params.height?=?LayoutParams.WRAP_CONTENT;??
44. ????????????????params.rightMargin?=?mWIDTH?/?2??
45. ????????????????????????-?((menuResIds.length?-?i?-?1)?*?width_padding);??
46. ????????????????params.bottomMargin?=?mHEIGHT?/?2?-?i?*?height_padding;??
47. ????????????????params.gravity?=?Gravity.RIGHT?|?Gravity.BOTTOM;??
48. ????????????????imageView.setLayoutParams(params);??
49. ????????????}??
50. ????????????break;??
51. ????????case?LEFT_BOTTOM:??
52. ????????????mHomeparams.gravity?=?Gravity.LEFT?|?Gravity.BOTTOM;??
53. ????????????for(int?i?=?0;?i?<?menuResIds.length;?i++){??
54. ????????????????int?width_padding?=?mWIDTH?/?((menuResIds.length?-?1)?*?2);??
55. ????????????????int?height_padding?=?mHEIGHT?/?((menuResIds.length?-1)?*?2);??
56. ????????????????ImageView?imageView?=?new?ImageView(mContext);??
57. ????????????????imageView.setImageResource(menuResIds[i]);??
58. ????????????????addView(imageView);??
59. ????????????????LayoutParams?params?=?(FrameLayout.LayoutParams)imageView.getLayoutParams();??
60. ????????????????params.width?=?LayoutParams.WRAP_CONTENT;??
61. ????????????????params.height?=?LayoutParams.WRAP_CONTENT;????????????
62. ????????????????params.leftMargin?=?mWIDTH?/?2?-?((menuResIds.length?-?i?-?1)?*?width_padding);??
63. ????????????????params.bottomMargin?=?mHEIGHT?/?2?-?i?*?height_padding;??
64. ????????????????params.gravity?=?Gravity.LEFT?|?Gravity.BOTTOM;??
65. ????????????????imageView.setLayoutParams(params);????????????????????????
66. ????????????}??
67. ????????????break;??
68. ????????default:??
69. ????????????????break;??
70. ????????}?????
71. ????????mHome.setLayoutParams(mHomeparams);???????
72. ????}??
73. ????private?OnClickListener?listener?=?new?OnClickListener()?{??
74. ????????public?void?onClick(View?v)?{??
75. ????????????if?(!bMenuShow)?{??
76. ????????????????startAnimationIn(PathMenuView.this,?300);??
77. ????????????}?else?{??
78. ????????????????startAnimationOut(PathMenuView.this,?300);??
79. ????????????}??
80. ????????????bMenuShow?=?!bMenuShow;??
81. ????????}??
82. ????};??
83. ????/**?
84. ?????*?菜单隐藏动画.?
85. ?????*??
86. ?????*?@param?group?
87. ?????*?@param?duration?
88. ?????*/??
89. ????private?void?startAnimationIn(ViewGroup?group,?int?duration)?{??
90. ????????for?(int?i?=?1;?i?<?group.getChildCount();?i++)?{??
91. ????????????ImageView?imageview?=?(ImageView)?group.getChildAt(i);??
92. ????????????imageview.setVisibility(0);??
93. ????????????MarginLayoutParams?mlp?=?(MarginLayoutParams)?imageview??
94. ????????????????????.getLayoutParams();??
95. ????????????Animation?animation?=?null;??
96. ????????????switch?(position)?{??
97. ????????????case?LEFT_TOP:??
98. ????????????????animation?=?new?TranslateAnimation(0F,-mlp.leftMargin+xOffset,0F,-mlp.topMargin?+?yOffset);??
99. ????????????????break;??
100. ????????????case?RIGHT_TOP:??
101. ????????????????animation?=?new?TranslateAnimation(mlp.rightMargin?-?xOffset,0F,-mlp.topMargin?+?yOffset,0F);??
102. ????????????????break;????????????
103. ????????????case?LEFT_BOTTOM:??
104. ????????????????animation?=?new?TranslateAnimation(0F,?-mlp.leftMargin+?xOffset,?0F,?-yOffset?+?mlp.bottomMargin);??
105. ????????????????break;??
106. ????????????case?RIGHT_BOTTOM:??
107. ????????????????animation?=?new?TranslateAnimation(mlp.rightMargin-xOffset,0F,-yOffset?+?mlp.bottomMargin,?0F);??
108. ????????????????break;??
109. ????????????default:??
110. ????????????????break;??
111. ????????????}??
112. ????????????animation.setFillAfter(true);??
113. ????????????animation.setDuration(duration);??
114. ????????????animation.setStartOffset((i?*?100)?/?(-1?+?group.getChildCount()));??
115. ????????????animation.setInterpolator(new?OvershootInterpolator(2F));??
116. ????????????imageview.startAnimation(animation);??
117. ????????}??
118. ????}??
119. ????/**?
120. ?????*?菜单显示动画.?
121. ?????*??
122. ?????*?@param?group?
123. ?????*?@param?duration?
124. ?????*/??
125. ????private?void?startAnimationOut(ViewGroup?group,int?duration){??
126. ????????for?(int?i?=?1;?i?<?group.getChildCount();?i++)?{??
127. ????????????final?ImageView?imageview?=?(ImageView)?group??
128. ????????????????????.getChildAt(i);??
129. ????????????MarginLayoutParams?mlp?=?(MarginLayoutParams)?imageview.getLayoutParams();??
130. ????????????Animation?animation?=?null;??
131. ????????????switch?(position)?{??
132. ????????????case?LEFT_TOP:??
133. ????????????????animation?=?new?TranslateAnimation(-mlp.leftMargin+xOffset,0F,-mlp.topMargin?+?yOffset,0F);??
134. ????????????????break;??
135. ????????????case?RIGHT_TOP:??
136. ????????????????animation?=?new?TranslateAnimation(0F,mlp.rightMargin?-?xOffset,0F,-mlp.topMargin?+?yOffset);??
137. ????????????????break;??
138. ????????????case?LEFT_BOTTOM:??
139. ????????????????animation?=?new?TranslateAnimation(-mlp.leftMargin+xOffset,0F,?-yOffset?+?mlp.bottomMargin,0F);??
140. ????????????????break;??
141. ????????????case?RIGHT_BOTTOM:??
142. ????????????????animation?=?new?TranslateAnimation(0F,mlp.rightMargin-xOffset,?0F,-yOffset?+?mlp.bottomMargin);??
143. ????????????????break;??
144. ????????????default:??
145. ????????????????break;??
146. ????????????}??
147. ????????????animation.setFillAfter(true);animation.setDuration(duration);??
148. ????????????animation.setStartOffset(((group.getChildCount()-i)?*?100)??
149. ????????????????????/?(-1?+?group.getChildCount()));??
150. ????????????animation.setInterpolator(new?AnticipateInterpolator(2F));??
151. ????????????imageview.startAnimation(animation);??
152. ????????}??
153. ????}??
154. }??
第四步:PathTestActivity.java以及用到的布局文件main.xml代码如下：

PathTestActivity.java(基本没修改代码)代码如下:

[java]? [view plain]( ) [copy]( )
1. package?com.tutor.path;??
2. import?android.app.Activity;??
3. import?android.os.Bundle;??
4. public?class?PathTestActivity?extends?Activity?{??
5. ????@Override??
6. ????public?void?onCreate(Bundle?savedInstanceState)?{??
7. ????????super.onCreate(savedInstanceState);??
8. ????????setContentView(R.layout.main);?????
9. ????}??
10. }??
main.xml代码如下:

[java]? [view plain]( ) [copy]( )
1. <?xml?version="1.0"?encoding="utf-8"?>??
2. <LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"??
3. ????xmlns:tutor="http://schemas.android.com/apk/res/com.tutor.path"??
4. ????android:layout_width="fill_parent"??
5. ????android:layout_height="fill_parent"??
6. ????android:orientation="vertical"?>??
7. ????<com.tutor.path.PathMenuView??
8. ????????android:id="@+id/text"??
9. ????????android:layout_width="fill_parent"??
10. ????????android:layout_height="fill_parent"??
11. ????????tutor:position="right_bottom"??
12. ?????????/>??
13. </LinearLayout>??
运行点击效果如下:

?????

图1：默认是在右下方这里menuResIds定义了五个菜单??????????????? 图2：点击红色菜单，菜单收回.

下面我们修改main.xml的tutor属性为left_bottom,并且修改PathMenuView.java中的menuResIds.

[java]? [view plain]( ) [copy]( )

学习分享，共勉

Android高级架构师进阶之路

题外话，我在阿里工作多年，深知技术改革和创新的方向，Android开发以其美观、快速、高效、开放等优势迅速俘获人心，但很多Android兴趣爱好者所需的进阶学习资料确实不太系统，完整。今天我把我搜集和整理的这份学习资料分享给有需要的人，若有关Android学习进阶可以与我在Android终极开发交流群一起讨论交流。?点击这里前往我的Git领取资料 的同时，还可以加入一个好的学习交流圈，何乐而不为呢？加入我们和我们一起吧！！
- Android进阶知识体系学习脑图
- Android进阶高级工程师学习全套手册
- 对标Android阿里P7，年薪50w+学习视频
- 大厂内部Android高频面试题，以及面试经历
标签：
（0）
- 评论
- 一句话评论（0）
暂无评论！

登录后才能评论！
- 文章昨日排行
- 更多>
- 教程昨日排行
- transitiontimingfunction 2016-10-09
- PHP MySQL 插入数据 2016-10-21
- HTML 头部 2016-09-27
- jEasyUI 创建边框布局 2016-10-14
- ASP Dictionary 2016-09-26
- PHP MySQL Update 2016-09-25
- Java StringBuffer 2016-10-13
- Ruby 安装 - Linux 2016-10-12
- MongoDB 管理工具 2016-10-19
- RDF Schema 2016-09-27
- 最新文章
- 更多>
- ROS1机器人多机网络通信案例turtlesim 2022-05-11
- 用户自定义类加载器及具体实现 2022-05-11
- 机器人工程就业面如何前景是否广阔 2022-05-11
- AtCoder 杂记 2022-05-11
- 全力推进加速到来的机器人时代 2022 2022-05-11
- kali中文输入法 2022-04-29
- 解剖Babel —— 向前端架构师迈出一小步 2022-05-11
- 配置清华源--让你的pip安装模块飞起来 2022-04-29
- 浙大版《C语言程序设计》第四版(何钦铭颜晖) 第11章指针进阶课后习题答案 2022-05-11
- 填空题 && 选择题 && 讨论 - 软件安全 2022-05-11

首页 > 移动平台> Android Path菜单的简单实现，flutterplugin开发

Android Path菜单的简单实现，flutterplugin开发

学习分享，共勉