android 中的 pathview 效果

android 中的 pathview 效果_第1张图片

public class MainActivity extends Activity implements PathView.OnItemClickListener{@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.fragment);setupView();}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;} /**     * 初始化菜单     */private void setupView() {PathView mPathView = (PathView) this.findViewById(R.id.mPathView_yixin);ImageButton startMenu = new ImageButton(this);startMenu.setBackgroundResource(R.drawable.start_menu_btn);mPathView.setStartMenu(startMenu);int[] drawableIds = new int[] { R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher      };View[] items = new View[drawableIds.length];for (int i = 0; i < drawableIds.length; i++) {ImageButton button = new ImageButton(this);button.setBackgroundResource(drawableIds[i]);items[i] = button;}mPathView.setItems(items);mPathView.setOnItemClickListener(this);}@Overridepublic void onItemClick(View view, int position) {// TODO Auto-generated method stubswitch (position) { case 1:              break; case 2: break; case 3: break; case 4: break; default: break; }}}

主要就是下面这个自定义的view类了

/**  边角竖向path    **/public class PathView extends RelativeLayout {//private boolean isExpand = false;//private View[] items;private View startMenu;private View bgView;public int DURATION = 300;public int MARGIN_RIGHT = 16;public int MARGIN_TOP = 16;public int MARGIN_BOTTOM = 16;public PathView(Context context) {super(context);initContentView();}public PathView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);initContentView();}public PathView(Context context, AttributeSet attrs) {super(context, attrs);initContentView();}public void initContentView() {bgView = new View(getContext());//bgView.setBackgroundColor(Color.argb(100, 0, 0, 0));LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT);addView(bgView, params);bgView.setVisibility(View.GONE);bgView.setOnTouchListener(new OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {if(event.getAction()==MotionEvent.ACTION_DOWN){cols(DURATION);bgView.setVisibility(View.GONE);return true;}return false;}});}public void setStartMenu(View view) {LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);params.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);params.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);params.rightMargin = MARGIN_RIGHT;params.bottomMargin = MARGIN_BOTTOM;params.topMargin = MARGIN_TOP;addView(view, params);this.startMenu = view;startMenu.setId(66666);startMenu.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {if (isExpand) {cols(DURATION);} else {expand(DURATION);}}});}public void expand(int duration) {bgView.setVisibility(View.VISIBLE);for (int i = 0; i < items.length; i++) {final View view = items[i];view.setEnabled(false);float dy = startMenu.getY() - view.getY();TranslateAnimation translateAnim = new TranslateAnimation(-startMenu.getWidth() / 2, 0, dy, 0);translateAnim.setDuration(duration);ScaleAnimation scaleAnim = new ScaleAnimation(0f, 1f, 0f, 1f,Animation.RELATIVE_TO_SELF, 1f, Animation.RELATIVE_TO_SELF,0.5f);scaleAnim.setDuration(duration);AnimationSet set = new AnimationSet(true);set.addAnimation(scaleAnim);set.addAnimation(translateAnim);set.setInterpolator(getContext(),android.R.anim.linear_interpolator);set.setAnimationListener(new AnimationListener() {@Overridepublic void onAnimationStart(Animation animation) {view.setVisibility(View.VISIBLE);}@Overridepublic void onAnimationRepeat(Animation animation) {// TODO Auto-generated method stub}@Overridepublic void onAnimationEnd(Animation animation) {isExpand = true;view.setEnabled(true);}});roate(0, -135, DURATION);view.startAnimation(set);}}public void cols(int duration) {for (int i = 0; i < items.length; i++) {final View view = items[i];view.setEnabled(false);float dy = startMenu.getY() - view.getY();TranslateAnimation translateAnim = new TranslateAnimation(0,-startMenu.getWidth() / 2, 0, dy);translateAnim.setDuration(duration);ScaleAnimation scaleAnim = new ScaleAnimation(1f, 0f, 1f, 0f,Animation.RELATIVE_TO_SELF, 1f, Animation.RELATIVE_TO_SELF,0.5f);scaleAnim.setDuration(duration);AnimationSet set = new AnimationSet(true);set.addAnimation(scaleAnim);set.addAnimation(translateAnim);set.setInterpolator(getContext(),android.R.anim.linear_interpolator);set.setAnimationListener(new AnimationListener() {@Overridepublic void onAnimationStart(Animation animation) {}@Overridepublic void onAnimationRepeat(Animation animation) {}@Overridepublic void onAnimationEnd(Animation animation) {view.setEnabled(true);view.setVisibility(View.GONE);isExpand = false;}});bgView.setVisibility(View.GONE);roate(-135, 0, DURATION);view.startAnimation(set);}}private void roate(int fromDegree, int toDegree, int duration) {RotateAnimation anim = new RotateAnimation(fromDegree, toDegree,Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f);anim.setFillAfter(true);anim.setDuration(duration);anim.setAnimationListener(new AnimationListener() {@Overridepublic void onAnimationStart(Animation animation) {startMenu.setEnabled(false);}@Overridepublic void onAnimationRepeat(Animation animation) {// TODO Auto-generated method stub}@Overridepublic void onAnimationEnd(Animation animation) {startMenu.setEnabled(true);}});startMenu.startAnimation(anim);}public void setItems(View[] items) {for (int i = 0; i < items.length; i++) {View view = items[i];view.setId(i + 1);LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);if (i == 0) {params.addRule(RelativeLayout.ABOVE, startMenu.getId());} else {params.addRule(RelativeLayout.ABOVE, items[i - 1].getId());}//params.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);params.addRule(RelativeLayout.ALIGN_RIGHT, startMenu.getId());//params.rightMargin = MARGIN_RIGHT;addView(view, params);view.setVisibility(View.INVISIBLE);}this.items = items;}public void setOnItemClickListener(final OnItemClickListener listener) {for (int i = 0; i < items.length; i++) {final View view = items[i];final int position = i;view.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {if(v.getVisibility()==View.VISIBLE){cols(DURATION);fadeOut(view, DURATION);listener.onItemClick(view, position);}}});}}private void fadeOut(final View view, int duration) {AlphaAnimation alphaAnim = new AlphaAnimation(1, 0.0f);alphaAnim.setDuration(duration);ScaleAnimation scaleAnim = new ScaleAnimation(1f, 1.5f, 1f, 1.5f,Animation.RELATIVE_TO_SELF, 1f, Animation.RELATIVE_TO_SELF,0.5f);scaleAnim.setDuration(duration);AnimationSet set = new AnimationSet(true);set.addAnimation(scaleAnim);set.addAnimation(alphaAnim);set.setInterpolator(getContext(),android.R.anim.accelerate_interpolator);set.setAnimationListener(new AnimationListener() {@Overridepublic void onAnimationStart(Animation animation) {}@Overridepublic void onAnimationRepeat(Animation animation) {}@Overridepublic void onAnimationEnd(Animation animation) {view.setVisibility(View.GONE);}});view.startAnimation(set);}public interface OnItemClickListener {void onItemClick(View view, int position);}}

接下里 xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >        <com.example.pathview.PathView        android:id="@+id/mPathView_yixin"        android:layout_width="wrap_content"        android:layout_height="wrap_content" >            </com.example.pathview.PathView></RelativeLayout>

在 github 上又1个开源的库可以实现 pathview 的效果

android 中的 pathview 效果_第2张图片

所有的效果。

代码地址：http://download.csdn.net/detail/kongbaidepao/7060469

更多相关文章

随机推荐