程序博客网 > 三星手机数据恢复

Android高手进阶教程(二十六)之---Android超仿Path菜单的实现！

来源：互联网 发布：三星手机数据恢复 编辑：程序博客网 时间：2024/05/29 02:38

Hi~大家好，出来创业快3个月了，一切还不错，前一段时间用了业余时间搞了个问答类网站YQMA(http://yqma.net).想做中国的stackoverflow,哈哈，只是YY下，希望大家多多支持！

好了，今天给大家分享的是Path菜单的简单实现，可以支持自定义方向(左上，右上，右下，左下)，并且可以自定义菜单的个数，难点就是菜单的摆放位置(动态设置margin)，还有动画的实现，其实动画只是简单用了个TranslateAnimation，N个菜单一起移动的时候感觉很cool~

这里也用到了自定义标签，这里不懂的童鞋可以看我 Android高手进阶教程(四)之----Android 中自定义属性(attr.xml,TypedArray)的使用!这篇文章.好了废话不多说了，

首先创建一个android工程命名为PathTest.目录结构如下图:



第二步:在values文件夹下新建一个attrs.xml文件，代码如下:

[html] view plaincopyprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <resources>
  3. <declare-styleablename="PathMenuView">
  4. <attrname="position">
  5. <enumname="left_top"value="0"></enum>
  6. <enumname="right_top"value="1"></enum>
  7. <enumname="right_bottom"value="2"></enum>
  8. <enumname="left_bottom"value="3"></enum>
  9. </attr>
  10. </declare-styleable>
  11. </resources>

第三步：新建一个PathMenuView.java这个就是我们自定义的Path菜单控件，代码如下：

[java] view plaincopyprint?
  1. package com.tutor.path;
  3. import android.content.Context;
  4. import android.content.res.TypedArray;
  5. import android.util.AttributeSet;
  6. import android.view.Gravity;
  7. import android.view.View;
  8. import android.view.ViewGroup;
  9. import android.view.animation.Animation;
  10. import android.view.animation.AnticipateInterpolator;
  11. import android.view.animation.OvershootInterpolator;
  12. import android.view.animation.TranslateAnimation;
  13. import android.widget.FrameLayout;
  14. import android.widget.ImageView;
  17. /**
  18. * @author frankiewei.
  19. * 超级仿path菜单
  20. * position定义菜单的位置，目前支持：左上;右上;右下;左下四个方向。
  21. * menuResIds定义出现的菜单的资源ID
  22. */
  23. public class PathMenuViewextends FrameLayout {
  25. private staticfinal int LEFT_TOP =0;
  27. private staticfinal int RIGHT_TOP =1;
  29. private staticfinal int RIGHT_BOTTOM =2;
  31. private staticfinal int LEFT_BOTTOM =3;
  34. /**
  35. * 默认的位置是在右下角.
  36. */
  37. private int position =3;
  39. /**
  40. * 那个圆形菜单.
  41. */
  42. private ImageView mHome;
  44. /**
  45. * 上下文.
  46. */
  47. private Context mContext;
  50. /**
  51. * 设备的宽度.
  52. */
  53. private int mWIDTH =0;
  55. /**
  56. * 设备的高度.
  57. */
  58. private int mHEIGHT =0;
  60. /**
  61. * 设备的density.
  62. */
  63. private float mDensity;
  65. /**
  66. * 菜单是否显示.
  67. */
  68. private boolean bMenuShow;
  70. private staticint xOffset = 15;
  71. private staticint yOffset = -13;
  73. /**
  74. * 菜单的资源个数.
  75. */
  76. private int[] menuResIds = {R.drawable.composer_camera,R.drawable.composer_music,
  77. R.drawable.composer_sleep,R.drawable.composer_music,R.drawable.composer_place};
  80. public PathMenuView(Context context){
  81. super(context);
  82. setupViews();
  83. }
  85. public PathMenuView(Context context, AttributeSet attrs) {
  86. super(context, attrs);
  87. TypedArray a = context.obtainStyledAttributes(attrs,
  88. R.styleable.PathMenuView);
  90. position = a.getInt(R.styleable.PathMenuView_position,3);
  92. a.recycle();
  93. setupViews();
  94. }
  96. private void setupViews(){
  97. mContext = getContext();
  99. mHEIGHT = mContext.getResources().getDisplayMetrics().heightPixels;
  100. mWIDTH = mContext.getResources().getDisplayMetrics().widthPixels;
  101. mDensity = mContext.getResources().getDisplayMetrics().density;
  103. xOffset = (int) (10.667 * mDensity);
  104. yOffset = (int) (8.667 * mDensity);
  106. mHome = new ImageView(mContext);
  108. mHome.setImageResource(R.drawable.composer_button);
  109. mHome.setOnClickListener(listener);
  111. addView(mHome);
  113. LayoutParams mHomeparams = (FrameLayout.LayoutParams)mHome.getLayoutParams();
  114. mHomeparams.width = LayoutParams.WRAP_CONTENT;
  115. mHomeparams.height = LayoutParams.WRAP_CONTENT;
  117. switch (position) {
  118. case LEFT_TOP:
  119. mHomeparams.gravity = Gravity.LEFT | Gravity.TOP;
  120. for (int i =0; i < menuResIds.length; i++) {
  122. int width_padding = mWIDTH / ((menuResIds.length -1) * 2);
  123. int height_padding = mHEIGHT / ((menuResIds.length -1) * 2);
  125. ImageView imageView = new ImageView(mContext);
  126. imageView.setImageResource(menuResIds[i]);
  127. addView(imageView);
  128. LayoutParams params = (FrameLayout.LayoutParams) imageView
  129. .getLayoutParams();
  130. params.width = LayoutParams.WRAP_CONTENT;
  131. params.height = LayoutParams.WRAP_CONTENT;
  132. params.leftMargin = mWIDTH / 2
  133. - ((menuResIds.length - i - 1) * width_padding);
  134. params.topMargin = mHEIGHT / 2 - i * height_padding;
  135. params.gravity = Gravity.LEFT | Gravity.TOP;
  136. imageView.setLayoutParams(params);
  138. }
  140. break;
  141. case RIGHT_TOP:
  142. mHomeparams.gravity = Gravity.RIGHT | Gravity.TOP;
  143. for (int i =0; i < menuResIds.length; i++) {
  145. int width_padding = mWIDTH / ((menuResIds.length -1) * 2);
  146. int height_padding = mHEIGHT / ((menuResIds.length -1) * 2);
  148. ImageView imageView = new ImageView(mContext);
  149. imageView.setImageResource(menuResIds[i]);
  150. addView(imageView);
  151. LayoutParams params = (FrameLayout.LayoutParams) imageView
  152. .getLayoutParams();
  153. params.width = LayoutParams.WRAP_CONTENT;
  154. params.height = LayoutParams.WRAP_CONTENT;
  155. params.rightMargin = mWIDTH / 2
  156. - ((menuResIds.length - i - 1) * width_padding);
  157. params.topMargin = mHEIGHT / 2 - i * height_padding;
  158. params.gravity = Gravity.RIGHT | Gravity.TOP;
  159. imageView.setLayoutParams(params);
  161. }
  162. break;
  163. case RIGHT_BOTTOM:
  164. mHomeparams.gravity = Gravity.RIGHT | Gravity.BOTTOM;
  165. for (int i =0; i < menuResIds.length; i++) {
  167. int width_padding = mWIDTH / ((menuResIds.length -1) * 2);
  168. int height_padding = mHEIGHT / ((menuResIds.length -1) * 2);
  170. ImageView imageView = new ImageView(mContext);
  171. imageView.setImageResource(menuResIds[i]);
  172. addView(imageView);
  173. LayoutParams params = (FrameLayout.LayoutParams) imageView
  174. .getLayoutParams();
  175. params.width = LayoutParams.WRAP_CONTENT;
  176. params.height = LayoutParams.WRAP_CONTENT;
  177. params.rightMargin = mWIDTH / 2
  178. - ((menuResIds.length - i - 1) * width_padding);
  179. params.bottomMargin = mHEIGHT / 2 - i * height_padding;
  180. params.gravity = Gravity.RIGHT | Gravity.BOTTOM;
  181. imageView.setLayoutParams(params);
  183. }
  184. break;
  185. case LEFT_BOTTOM:
  186. mHomeparams.gravity = Gravity.LEFT | Gravity.BOTTOM;
  187. for(int i =0; i < menuResIds.length; i++){
  189. int width_padding = mWIDTH / ((menuResIds.length -1) * 2);
  190. int height_padding = mHEIGHT / ((menuResIds.length -1) *2);
  192. ImageView imageView = new ImageView(mContext);
  193. imageView.setImageResource(menuResIds[i]);
  194. addView(imageView);
  195. LayoutParams params = (FrameLayout.LayoutParams)imageView.getLayoutParams();
  196. params.width = LayoutParams.WRAP_CONTENT;
  197. params.height = LayoutParams.WRAP_CONTENT;
  198. params.leftMargin = mWIDTH / 2 - ((menuResIds.length - i -1) * width_padding);
  199. params.bottomMargin = mHEIGHT / 2 - i * height_padding;
  200. params.gravity = Gravity.LEFT | Gravity.BOTTOM;
  201. imageView.setLayoutParams(params);
  202. }
  203. break;
  204. default:
  205. break;
  206. }
  208. mHome.setLayoutParams(mHomeparams);
  209. }
  211. private OnClickListener listener =new OnClickListener() {
  213. public void onClick(View v) {
  214. if (!bMenuShow) {
  215. startAnimationIn(PathMenuView.this,300);
  216. } else {
  217. startAnimationOut(PathMenuView.this,300);
  218. }
  219. bMenuShow = !bMenuShow;
  220. }
  221. };
  224. /**
  225. * 菜单隐藏动画.
  226. *
  227. * @param group
  228. * @param duration
  229. */
  230. private void startAnimationIn(ViewGroup group,int duration) {
  231. for (int i =1; i < group.getChildCount(); i++) {
  232. ImageView imageview = (ImageView) group.getChildAt(i);
  233. imageview.setVisibility(0);
  234. MarginLayoutParams mlp = (MarginLayoutParams) imageview
  235. .getLayoutParams();
  238. Animation animation = null;
  241. switch (position) {
  242. case LEFT_TOP:
  243. animation = new TranslateAnimation(0F,-mlp.leftMargin+xOffset,0F,-mlp.topMargin + yOffset);
  244. break;
  245. case RIGHT_TOP:
  246. animation = new TranslateAnimation(mlp.rightMargin - xOffset,0F,-mlp.topMargin + yOffset,0F);
  247. break;
  248. case LEFT_BOTTOM:
  249. animation = new TranslateAnimation(0F, -mlp.leftMargin+ xOffset, 0F, -yOffset + mlp.bottomMargin);
  250. break;
  252. case RIGHT_BOTTOM:
  253. animation = new TranslateAnimation(mlp.rightMargin-xOffset,0F,-yOffset + mlp.bottomMargin, 0F);
  254. break;
  255. default:
  256. break;
  257. }
  259. animation.setFillAfter(true);
  260. animation.setDuration(duration);
  261. animation.setStartOffset((i * 100) / (-1 + group.getChildCount()));
  262. animation.setInterpolator(new OvershootInterpolator(2F));
  263. imageview.startAnimation(animation);
  265. }
  266. }
  268. /**
  269. * 菜单显示动画.
  270. *
  271. * @param group
  272. * @param duration
  273. */
  274. private void startAnimationOut(ViewGroup group,int duration){
  275. for (int i =1; i < group.getChildCount(); i++) {
  276. final ImageView imageview = (ImageView) group
  277. .getChildAt(i);
  278. MarginLayoutParams mlp = (MarginLayoutParams) imageview.getLayoutParams();
  280. Animation animation = null;
  282. switch (position) {
  283. case LEFT_TOP:
  284. animation = new TranslateAnimation(-mlp.leftMargin+xOffset,0F,-mlp.topMargin + yOffset,0F);
  285. break;
  286. case RIGHT_TOP:
  287. animation = new TranslateAnimation(0F,mlp.rightMargin - xOffset,0F,-mlp.topMargin + yOffset);
  288. break;
  290. case LEFT_BOTTOM:
  291. animation = new TranslateAnimation(-mlp.leftMargin+xOffset,0F, -yOffset + mlp.bottomMargin,0F);
  292. break;
  294. case RIGHT_BOTTOM:
  295. animation = new TranslateAnimation(0F,mlp.rightMargin-xOffset, 0F,-yOffset + mlp.bottomMargin);
  296. break;
  297. default:
  298. break;
  299. }
  301. animation.setFillAfter(true);animation.setDuration(duration);
  302. animation.setStartOffset(((group.getChildCount()-i) * 100)
  303. / (-1 + group.getChildCount()));
  304. animation.setInterpolator(new AnticipateInterpolator(2F));
  305. imageview.startAnimation(animation);
  306. }
  307. }
  309. }

第四步:PathTestActivity.java以及用到的布局文件main.xml代码如下：

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

[java] view plaincopyprint?
  1. package com.tutor.path;
  3. import android.app.Activity;
  4. import android.os.Bundle;
  6. public class PathTestActivityextends Activity {
  8. @Override
  9. public void onCreate(Bundle savedInstanceState) {
  10. super.onCreate(savedInstanceState);
  11. setContentView(R.layout.main);
  12. }
  13. }

main.xml代码如下:

[java] view plaincopyprint?
  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" >
  8. <com.tutor.path.PathMenuView
  9. android:id="@+id/text"
  10. android:layout_width="fill_parent"
  11. android:layout_height="fill_parent"
  12. tutor:position="right_bottom"
  13. />
  15. </LinearLayout>

运行点击效果如下:


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


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

[java] view plaincopyprint?
  1. tutor:position="left_bottom"

效果如下:

图3：自定义在左下角，六个菜单。

好了，今天就讲到这里了，菜单的圆弧不是很圆哈，凑合着学习，我也来无耻下，如果想要源代码的，可以去我的http://www.yqma.net注册一个用户，并且提一个问题，或者回答一个问题，我会把源代码发到你的邮箱里！谢谢！

三星手机数据恢复 三星手机数据恢复
原创粉丝点击
热门IT博客
mac sass 编译mac sass 编译
小米手机mac地址怎么改小米手机mac地址怎么改
淘宝小叶紫檀是真的吗
比特币算法
python编程第四版 如何
阿里云系统应用软件
js拼接html样式没了
淘宝刷单佣金价格表
进程调度算法c语言代码
图书管理系统vb
iphone在线是什么网络
excel怎么将数据分组
淘宝凑单怎么不能满减
ebsco数据库如何使用
普林斯顿战术知乎
黄金软件下载
三端口光环形器原理
软件安全性测试价格
nginx bad request
淘宝蓝冠
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 要怎么样才能怀孕 怎么样才能会怀孕 多久能查出来怀孕 怎么检测自己怀孕了 什么时候才能怀孕 女生怎么才会怀孕 怎么知道怀没怀孕 怎么做能尽快怀孕 怎样才会导致怀孕 怎么样会意外怀孕 怎么能知道自己怀孕了 怎样检查自己是否怀孕 什么时候可以查出怀孕 怎么做可以快速怀孕 怎么样看有没有怀孕 怎样才知道是否怀孕 怎样才可以快速怀孕 什么时间能测出怀孕 要怎么才能快速怀孕 怎么样知道是否怀孕 怎样知道自己有没有怀孕 怀宁 怀宁县 安徽怀宁 怀宁房产网 怀宁中学 怀宁邮编 怀宁论坛 怀宁论坛网 怀宁公司 怀宁吧 怀宁房产资源网 怀宁独秀论坛 怀安县 怀安 怀安租房 崇州怀远宾馆 崇州怀远小学 怀庆府 怀府珍珠菊 怀府闹汤驴肉

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里