最近忙着找工作实习,就害怕企业问这个,然后自己就想着去实现一下,下面是实现的动态图演示
感觉还是听见挺简单的,就是有些判断比较麻烦,这里主要是对手势的判断,如何去判断滑动的方向。另外一点就是如何实现一个里面view的滚动效果。这个可能大家没有思路。
好的下面就讲将思路
/**
* 实现circleMenu的步骤是什么?
* 1.实现一个ViewGroup,放置这些menu,同时为了显示下面的文字,我们还需要在viewGroup里面创建
* 一个viewGroup实现垂直的布局
* 2.外层使用的是frameLayout,中心点放置一个指南针
* 3.在实现滑动的时候,我们直接可以对这个viewGroup进行旋转实现滚动的效果
*/
经过上面的分析,可能大家就不在那么蒙了,刚开始的时候我也是在想如何实现子view的滑动效果,不是说实现不了,就是非常的麻烦,想想就实现最简单的功能就是喽,就通过旋转viewGroup间接实现喽,,那么如何实现viewGroup的旋转吗?
想起来了没,,属性动画 ObjectAnimator
ok分析结束,我们开始实现
先给出xml文件
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg"
tools:context=".MainActivity">
<com.fang.circleMenu.CircleViewGroup
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"></com.fang.circleMenu.CircleViewGroup>
<ImageView
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_gravity="center"
android:src="@drawable/turnplate_mask_unlogin_normal" />
<ImageView
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_gravity="center"
android:src="@drawable/znz" />
</FrameLayout>
这里可能会想为什么我使用frameLayout布局,这时因为我需要让这个viewGroup滚动,但是指南针是不能滚动的,直接放在viewgroup的上面就行,小技巧实现了
package com.fang.circleMenu;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.annotation.TargetApi;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.BitmapDrawable;
import android.os.Build;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.util.TypedValue;
import android.view.GestureDetector;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;