Android之可旋转的轮盘菜单

最新推荐文章于 2021-03-03 18:31:13 发布

丿CoolTone

最新推荐文章于 2021-03-03 18:31:13 发布

阅读量2.1k

点赞数 6

CC 4.0 BY-SA版权

分类专栏： Android开发文章标签：可旋转的轮盘菜单 android WheelView 轮盘菜单

本文链接：https://blog.youkuaiyun.com/qq_35352552/article/details/74348164

Android开发专栏收录该内容

70 篇文章

订阅专栏

本文介绍了一种可旋转的菜单轮盘控件的实现方法，包括如何设置属性、使用适配器及添加监听器等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目下载地址：http://download.youkuaiyun.com/detail/qq_35352552/9886010

可旋转的菜单轮盘

偶然在GitHub上看到的控件感觉不错这里简单介绍一下

首先导入依赖

compile 'com.github.lukedeighton:wheelview:0.4.1'

页面布局

   <com.lukedeighton.wheelview.WheelView
        android:id="@+id/wheelview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"
        app:repeatItems="true"
        app:rotatableWheelDrawable="false"
        app:selectionAngle="90.0"
        app:wheelColor="#ff0"
        app:wheelItemCount="14"
        app:wheelItemRadius="43dp"
        app:wheelOffsetY="60dp"
        app:wheelPadding="13dp"
        app:wheelPosition="bottom"
        app:wheelRadius="276dp"/>

    <!-- wheelItemRadius 图片大小 -->
    <!-- selectionAngle 中间位置偏移度数 -->
    <!-- wheelColor 颜色 -->
    <!-- wheelItemCount 图片一共数量平均分布 -->
    <!-- wheelRadius 直径大小 -->
    <!-- wheelPosition 所在位置 -->
    <!-- wheelPadding 圆的内边距 -->
    <!-- wheelOffsetY 偏移位置Y -->
    <!-- wheelOffsetX 偏移位置X -->

上面有该自定义View的属性含义，自己理解的，当然可以自己测试一下...

首先我们要两个集合一个数据，一个图片

        final List<String> entries = new ArrayList<>();
        entries.add("1");
        entries.add("2");
        entries.add("3");
        entries.add("4");
        entries.add("5");

        final List<Drawable> imgList = new ArrayList<>();
        imgList.add(getResources().getDrawable(R.mipmap.i1));
        imgList.add(getResources().getDrawable(R.mipmap.i2));
        imgList.add(getResources().getDrawable(R.mipmap.i3));
        imgList.add(getResources().getDrawable(R.mipmap.i4));
        imgList.add(getResources().getDrawable(R.mipmap.i5));

然后设置一个wheeladapter类似于你将与ListView一个适配器集

        // 设置一个wheeladapter类似于你将与ListView一个适配器集
        wheelView.setAdapter(new WheelAdapter() {
            @Override
            public Drawable getDrawable(int position) {
                return imgList.get(position);
            }

            @Override
            public int getCount() {
                return imgList.size();
            }
        });

* 注意：这里的wheeladapter没有ListView - Adapter的机制如果需要添加新的数据需要重新设置。

接下来是设置监听
1. 监听选中的条目变化

        wheelView.setOnWheelItemSelectedListener(new WheelView.OnWheelItemSelectListener() {
            @Override
            public void onWheelItemSelected(WheelView parent, Drawable itemDrawable, int position) {

            }
        });

2. 监听选中条目

        // 选中的图片
        wheelView.setOnWheelItemClickListener(new WheelView.OnWheelItemClickListener() {
            @Override
            public void onWheelItemClick(WheelView parent, int position, boolean isSelected) {
                wheelView.setSelected(position);
                Log.e("----", "" + position);
            }
        });

3. 监听角度改变

        wheelView.setOnWheelAngleChangeListener(new WheelView.OnWheelAngleChangeListener() {
            @Override
            public void onWheelAngleChange(float angle) {

            }
        });

下面是完整的代码

/**
 * 作者：CoolTone
 * 描述：可旋转的滚轮菜单
 */
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final WheelView wheelView = (WheelView) findViewById(R.id.wheelview);

        final List<String> entries = new ArrayList<>();
        entries.add("1");
        entries.add("2");
        entries.add("3");
        entries.add("4");
        entries.add("5");

        final List<Drawable> imgList = new ArrayList<>();
        imgList.add(getResources().getDrawable(R.mipmap.i1));
        imgList.add(getResources().getDrawable(R.mipmap.i2));
        imgList.add(getResources().getDrawable(R.mipmap.i3));
        imgList.add(getResources().getDrawable(R.mipmap.i4));
        imgList.add(getResources().getDrawable(R.mipmap.i5));

        // 设置一个wheeladapter类似于你将与ListView一个适配器集
        wheelView.setAdapter(new WheelAdapter() {
            @Override
            public Drawable getDrawable(int position) {
                return imgList.get(position);
            }

            @Override
            public int getCount() {
                return imgList.size();
            }
        });

        // 监听选中的图片
        wheelView.setOnWheelItemClickListener(new WheelView.OnWheelItemClickListener() {
            @Override
            public void onWheelItemClick(WheelView parent, int position, boolean isSelected) {
                wheelView.setSelected(position);
                Log.e("----", "" + position);
            }
        });
    }
}

以上就是自定义的滚轮菜单选择器了...