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

最新推荐文章于 2021-05-27 12:31:18 发布
最新推荐文章于 2021-05-27 12:31:18 发布
阅读量716 收藏
点赞数
分类专栏： Android高手进阶

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 plain copy print ?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3. <declare-styleable name="PathMenuView">
  4. <attr name="position">
  5. <enum name="left_top" value="0"></enum>
  6. <enum name="right_top" value="1"></enum>
  7. <enum name="right_bottom" value="2"></enum>
  8. <enum name="left_bottom" value="3"></enum>
  9. </attr>
  10. </declare-styleable>
  11. </resources> 
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="PathMenuView">  
        <attr name="position"> 
            <enum name="left_top" value="0"></enum>
            <enum name="right_top" value="1"></enum>
            <enum name="right_bottom" value="2"></enum>
            <enum name="left_bottom" value="3"></enum>
        </attr>
    </declare-styleable>  
</resources>

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

[java] view plain copy print ?
  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 PathMenuView extends FrameLayout {
  25. private static final int LEFT_TOP = 0;
  27. private static final int RIGHT_TOP = 1;
  29. private static final int RIGHT_BOTTOM = 2;
  31. private static final 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 static int xOffset = 15;
  71. private static int 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. } 
package com.tutor.path;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.AnticipateInterpolator;
import android.view.animation.OvershootInterpolator;
import android.view.animation.TranslateAnimation;
import android.widget.FrameLayout;
import android.widget.ImageView;


/**
 * @author frankiewei.
 * 超级仿path菜单
 * position定义菜单的位置，目前支持：左上;右上;右下;左下四个方向。
 * menuResIds定义出现的菜单的资源ID
 */
public class PathMenuView extends FrameLayout {
	
	private static final int LEFT_TOP = 0;
	
	private static final int RIGHT_TOP = 1;
	
	private static final int RIGHT_BOTTOM = 2;
	
	private static final int LEFT_BOTTOM = 3;
	
	
	/**
	 * 默认的位置是在右下角.
	 */
	private int position = 3;
	
	/**
	 * 那个圆形菜单.
	 */
	private ImageView mHome;
	
	/**
	 * 上下文.
	 */
	private Context mContext;
	
	
	/**
	 * 设备的宽度.
	 */
	private int mWIDTH = 0;
	
	/**
	 * 设备的高度.
	 */
	private int mHEIGHT = 0;
	
	/**
	 * 设备的density.
	 */
	private float mDensity;
	
	/**
	 * 菜单是否显示.
	 */
	private boolean bMenuShow;
	
	private static int	xOffset		= 15;
	private static int	yOffset		= -13;
	
	/**
	 * 菜单的资源个数.
	 */
	private int[] menuResIds = {R.drawable.composer_camera,R.drawable.composer_music,
			R.drawable.composer_sleep,R.drawable.composer_music,R.drawable.composer_place};
	

	public PathMenuView(Context context){
		super(context);
		setupViews();
	}
	
	public PathMenuView(Context context, AttributeSet attrs) {
		super(context, attrs);
		TypedArray a = context.obtainStyledAttributes(attrs,  
                R.styleable.PathMenuView);
		
		position = a.getInt(R.styleable.PathMenuView_position,3);
		
		a.recycle();
		setupViews();
	}
	
	private void setupViews(){
		mContext = getContext();

		mHEIGHT = mContext.getResources().getDisplayMetrics().heightPixels;
		mWIDTH = mContext.getResources().getDisplayMetrics().widthPixels;
		mDensity = mContext.getResources().getDisplayMetrics().density;
		
		xOffset = (int) (10.667 * mDensity);
		yOffset = (int) (8.667 * mDensity);
		
		mHome = new ImageView(mContext);
		
		mHome.setImageResource(R.drawable.composer_button);
		mHome.setOnClickListener(listener);
		
		addView(mHome);
		
		LayoutParams mHomeparams = (FrameLayout.LayoutParams)mHome.getLayoutParams();
		mHomeparams.width = LayoutParams.WRAP_CONTENT;
		mHomeparams.height = LayoutParams.WRAP_CONTENT;
		
		switch (position) {
		case LEFT_TOP:
			mHomeparams.gravity = Gravity.LEFT | Gravity.TOP;
			for (int i = 0; i < menuResIds.length; i++) {

				int width_padding = mWIDTH / ((menuResIds.length - 1) * 2);
				int height_padding = mHEIGHT / ((menuResIds.length - 1) * 2);

				ImageView imageView = new ImageView(mContext);
				imageView.setImageResource(menuResIds[i]);
				addView(imageView);
				LayoutParams params = (FrameLayout.LayoutParams) imageView
						.getLayoutParams();
				params.width = LayoutParams.WRAP_CONTENT;
				params.height = LayoutParams.WRAP_CONTENT;
				params.leftMargin = mWIDTH / 2
						- ((menuResIds.length - i - 1) * width_padding);
				params.topMargin = mHEIGHT / 2 - i * height_padding;
				params.gravity = Gravity.LEFT | Gravity.TOP;
				imageView.setLayoutParams(params);

			}
			
			break;
		case RIGHT_TOP:
			mHomeparams.gravity = Gravity.RIGHT | Gravity.TOP;
			for (int i = 0; i < menuResIds.length; i++) {

				int width_padding = mWIDTH / ((menuResIds.length - 1) * 2);
				int height_padding = mHEIGHT / ((menuResIds.length - 1) * 2);

				ImageView imageView = new ImageView(mContext);
				imageView.setImageResource(menuResIds[i]);
				addView(imageView);
				LayoutParams params = (FrameLayout.LayoutParams) imageView
						.getLayoutParams();
				params.width = LayoutParams.WRAP_CONTENT;
				params.height = LayoutParams.WRAP_CONTENT;
				params.rightMargin = mWIDTH / 2
						- ((menuResIds.length - i - 1) * width_padding);
				params.topMargin = mHEIGHT / 2 - i * height_padding;
				params.gravity = Gravity.RIGHT | Gravity.TOP;
				imageView.setLayoutParams(params);

			}
			break;
		case RIGHT_BOTTOM:
			mHomeparams.gravity = Gravity.RIGHT | Gravity.BOTTOM;
			for (int i = 0; i < menuResIds.length; i++) {

				int width_padding = mWIDTH / ((menuResIds.length - 1) * 2);
				int height_padding = mHEIGHT / ((menuResIds.length - 1) * 2);

				ImageView imageView = new ImageView(mContext);
				imageView.setImageResource(menuResIds[i]);
				addView(imageView);
				LayoutParams params = (FrameLayout.LayoutParams) imageView
						.getLayoutParams();
				params.width = LayoutParams.WRAP_CONTENT;
				params.height = LayoutParams.WRAP_CONTENT;
				params.rightMargin = mWIDTH / 2
						- ((menuResIds.length - i - 1) * width_padding);
				params.bottomMargin = mHEIGHT / 2 - i * height_padding;
				params.gravity = Gravity.RIGHT | Gravity.BOTTOM;
				imageView.setLayoutParams(params);

			}
			break;
		case LEFT_BOTTOM:
			mHomeparams.gravity = Gravity.LEFT | Gravity.BOTTOM;
			for(int i = 0; i < menuResIds.length; i++){
				
				int width_padding = mWIDTH / ((menuResIds.length - 1) * 2);
				int height_padding = mHEIGHT / ((menuResIds.length -1) * 2);
				
			    ImageView imageView = new ImageView(mContext);
				imageView.setImageResource(menuResIds[i]);
				addView(imageView);
				LayoutParams params = (FrameLayout.LayoutParams)imageView.getLayoutParams();
				params.width = LayoutParams.WRAP_CONTENT;
				params.height = LayoutParams.WRAP_CONTENT;			
				params.leftMargin = mWIDTH / 2 - ((menuResIds.length - i - 1) * width_padding);
				params.bottomMargin = mHEIGHT / 2 - i * height_padding;
				params.gravity = Gravity.LEFT | Gravity.BOTTOM;
				imageView.setLayoutParams(params);						
			}
			break;
		default:
				break;
		}	
		
		mHome.setLayoutParams(mHomeparams);		
	}
	
	private OnClickListener listener = new OnClickListener() {
		
		public void onClick(View v) {
			if (!bMenuShow) {
				startAnimationIn(PathMenuView.this, 300);
			} else {
				startAnimationOut(PathMenuView.this, 300);
			}
			bMenuShow = !bMenuShow;
		}
	};
	
	
	/**
	 * 菜单隐藏动画.
	 * 
	 * @param group
	 * @param duration
	 */
	private void startAnimationIn(ViewGroup group, int duration) {
		for (int i = 1; i < group.getChildCount(); i++) {
			ImageView imageview = (ImageView) group.getChildAt(i);
			imageview.setVisibility(0);
			MarginLayoutParams mlp = (MarginLayoutParams) imageview
					.getLayoutParams();
			
			
			Animation animation = null;
			
			
			switch (position) {
			case LEFT_TOP:
				animation = new TranslateAnimation(0F,-mlp.leftMargin+xOffset,0F,-mlp.topMargin + yOffset);
				break;
			case RIGHT_TOP:
				animation = new TranslateAnimation(mlp.rightMargin - xOffset,0F,-mlp.topMargin + yOffset,0F);
				break;			
			case LEFT_BOTTOM:
				animation = new TranslateAnimation(0F, -mlp.leftMargin+ xOffset, 0F, -yOffset + mlp.bottomMargin);
				break;
				
			case RIGHT_BOTTOM:
				animation = new TranslateAnimation(mlp.rightMargin-xOffset,0F,-yOffset + mlp.bottomMargin, 0F);
				break;
			default:
				break;
			}

			animation.setFillAfter(true);
			animation.setDuration(duration);
			animation.setStartOffset((i * 100) / (-1 + group.getChildCount()));
			animation.setInterpolator(new OvershootInterpolator(2F));
			imageview.startAnimation(animation);

		}
	}
	
	/**
	 * 菜单显示动画.
	 * 
	 * @param group
	 * @param duration
	 */
	private void startAnimationOut(ViewGroup group,int duration){
		for (int i = 1; i < group.getChildCount(); i++) {
			final ImageView imageview = (ImageView) group
					.getChildAt(i);
			MarginLayoutParams mlp = (MarginLayoutParams) imageview.getLayoutParams();
			
			Animation animation = null;
			
			switch (position) {
			case LEFT_TOP:
				animation = new TranslateAnimation(-mlp.leftMargin+xOffset,0F,-mlp.topMargin + yOffset,0F);
				break;
			case RIGHT_TOP:
				animation = new TranslateAnimation(0F,mlp.rightMargin - xOffset,0F,-mlp.topMargin + yOffset);
				break;

			case LEFT_BOTTOM:
				animation = new TranslateAnimation(-mlp.leftMargin+xOffset,0F, -yOffset + mlp.bottomMargin,0F);
				break;

			case RIGHT_BOTTOM:
				animation = new TranslateAnimation(0F,mlp.rightMargin-xOffset, 0F,-yOffset + mlp.bottomMargin);
				break;
			default:
				break;
			}
			
			animation.setFillAfter(true);animation.setDuration(duration);
			animation.setStartOffset(((group.getChildCount()-i) * 100)
					/ (-1 + group.getChildCount()));
			animation.setInterpolator(new AnticipateInterpolator(2F));
			imageview.startAnimation(animation);
		}
	}

}

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

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

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

import android.app.Activity;
import android.os.Bundle;

public class PathTestActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);   
    }
}

main.xml代码如下:

[java] view plain copy print ?
  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> 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tutor="http://schemas.android.com/apk/res/com.tutor.path"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <com.tutor.path.PathMenuView
        android:id="@+id/text"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        tutor:position="right_bottom"
         />

</LinearLayout>

运行点击效果如下:


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


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

[java] view plain copy print ?
  1. tutor:position="left_bottom" 
tutor:position="left_bottom"

效果如下:

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

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

ElaineYY
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android PATH菜单实现，简洁
03-27
android PATH菜单实现，简洁 旋转菜单
Android高手进阶教程(二十六)之---Android超仿Path菜单的功能实现！
09-01
在本篇《Android高手进阶教程(二十六)之---Android超仿Path菜单的功能实现！》中，我们将探讨如何在Android应用中实现类似Path应用的菜单功能。Path菜单是一种独特的交互设计，通常以一个中心图标作为触发点，展开多...
Android Path菜单的简单实现
linghu_java的专栏
01-22 3249
Hi~大家好，出来创业快3个月了，一切还不错，前一段时间用了业余时间搞了个问答类网站YQMA(http://yqma.net).想做中国的stackoverflow,哈哈，只是YY下，希望大家多多支持！ 好了，今天给大家分享的是Path菜单的简单实现，可以支持自定义方向(左上，右上，右下，左下)，并且可以自定义菜单的个数，难点就是菜单的摆放位置(动态设置margin)，还有动画的实现，其实动
android path布局,Android仿Path菜单的实现
weixin_36056010的博客
05-27 83
给大家分享的是Path菜单的简单实现，可以支持自定义方向(左上，右上，右下，左下)，并且可以自定义菜单的个数，难点就是菜单的摆放位置(动态设置margin)，还有动画的实现，其实动画只是简单用了个TranslateAnimation给大家分享的是Path菜单的简单实现，可以支持自定义方向(左上，右上，右下，左下)，并且可以自定义菜单的个数，难点就是菜单的摆放位置(动态设置margin)，还有动画...
Android 仿Path菜单动画
学习记录
11-13 4180
Path创始人戴夫·莫林做手机应用的心得 http://tech.163.com/12/0711/21/865OJ4L000094L5O.html Android上Path应用左下角按钮动画效果demo原型 http://www.apkbus.com/android-43269-1-1.html 超炫动画效果 ： 百万下载量 Path2.0 按钮动画效果 http://www.eoean
Android圆形旋转菜单-IT计算机-毕业设计.zip
04-06
这个毕业设计项目就是一个实现这种菜单效果的应用源码示例，旨在帮助学生掌握Android开发技能并进行实践。 首先，我们要理解Android圆形旋转菜单的基本概念。这种菜单通常由一组围绕中心点排列的图标或文字组成，...
Android应用源码原来PATH的菜单效果如此简单。布局+TranslateAnimation搞定.zip
12-17
布局+TranslateAnimation搞定.zip”揭示了一个利用基本布局和动画实现的PATH菜单效果。在这个压缩包中，包含了一个简单的示例项目，演示了如何使用布局和动画来构建这种效果。 首先，我们要了解Android中的布局...
android-cocos2d-1
05-29
《Android Cocos2d开发详解：借助项目模板开启游戏之旅》 Cocos2d是一款强大的开源游戏引擎，广泛应用于移动平台的游戏开发，包括Android。在Android平台上，Cocos2d-x是一个C++版本的实现，提供了高效、易用的游戏...
Android手机程序设计实用教程_PPT.zip
07-03
《Android手机程序设计实用教程》是一份全面介绍Android应用程序开发的教学资料，包含了从基础到进阶的多个关键知识点。这份PPT系列涵盖了Android开发的重要章节，包括： 1. **第1章 Android简介与开发环境**：讲解...
Android path 菜单效果 Satellite Menu
06-19
Android 代码,实现path2.0 炫酷的旋转菜单效果,点击主按钮 会在按钮周围弹出一系列小按钮，点击小按钮 所有小按钮 缩回到主按钮位置，动画效果非常绚丽.
Path2.0菜单效果-Android
02-22
此为AS工程文件，配套我的博客源代码，讲了用Android属性动画简单的实现Path2.0中的菜单效果，非常简单。
Android仿Path界面效果
11-12
仿照path应用的按钮动画弹出选项的效果
Android使用TranslateAnimation布局实现PATH菜单
03-16
以前对实现android的PATH菜单挺苦恼，总觉得如何想办法都做不出来自己想要的效果，后来无意中看到了TranslateAnimation的布局方式，于是就试着做了一下，没想到效果比以前的棒，而且用法也挺简单，所以实现的整个例子代码分享给大家，希望从中可以得到一些灵感，也可借此熟悉Translate Animation布局的用法和思路。 运行环境：Java/Eclipse
Android仿淘宝京东物流时间轴demo
09-21
Android仿淘宝京东物流时间轴demo,开发研究后实现，下载后可根据自己的项目需求进行修改，也可以进行参考。
android path menu,Satellite Menu最好的仿path菜单
weixin_30695203的博客
05-27 86
xml中：xmlns:android="http://schemas.android.com/apk/res/android"xmlns:sat="http://schemas.android.com/apk/res/android.view.ext"android:layout_width="fill_parent"android:layout_height="fill_parent"andro...
很炫的Button效果
伍新的博客
06-19 2084
PathButtonActivity package cn.com.karl.anim; import com.zdp.aseo.content.AseoZdpAseo; import android.R.anim; import android.app.Activity; import android.content.Intent; import android.os.Bundle; im
android特效集锦系列之一仿Path菜单
jov123的专栏
10-12 1536
仿Path菜单，这类的代码网上很多，我也不多说了，直接上图片：         这个demo也是在别的大神基础上改的（事先声明特效集锦系列代码部分是自己写的，部分是在其他大神的基础上改的，但是，原作者我对不起你，由于时间比较久，所以。。。，亲，忘记了，），分成了左右的形式，个人可根据需要选择。   源码地址
模仿Path菜单按钮的效果
mengzhengjie的专栏
07-31 785
模仿Path菜单按钮的效果 利用Animation动画实现Path菜单的效果。 首先说一下几个动画 1，RotateAnimation   是旋转动画， new RotateAnimation(fromDegrees, toDegrees, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_S

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值