Android之可旋轉的輪盤選單
專案下載地址：http://download.csdn.net/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);
}
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);
}
});
}
}
以上就是自定義的滾輪選單選擇器了...