Android之可旋轉的輪盤菜單

項目下載地址:http://download.csdn.net/detail/qq_35352552/9886010android

可旋轉的菜單輪盤git

偶然在GitHub上看到的控件感受不錯這裏簡單介紹一下github

首先導入依賴app


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


頁面佈局佈局


   <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的 屬性含義,本身理解的,固然能夠本身測試一下...測試

首先咱們要兩個集合 一個數據,一個圖片.net


        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一個適配器集3d

        // 設置一個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);
            }
        });
    }
}

以上就是自定義的滾輪菜單選擇器了... 

相關文章
相關標籤/搜索