Android滑动选择控件 WheelView

来源：互联网发布：单桂敏淘宝店铺编辑：程序博客网时间：2024/05/16 12:55

转载请注明出处：http://blog.csdn.net/wjilikely/article/details/52025130

之前在做项目的时候，在设置功能中需要实现联动选择和性别和日期的更换，然后在网上搜了大半天，然后在根据自己的需求更改过来的，不废话

先贴几张demo效果图：

看完效果图，直接看代码吧！

其实用wheelView实现的这个功能最主要的就是WheelView.java这个类，其他的实现都是在布局里面重复调用，在调用的处理方法的的时候加上逻辑代码就OK了，先贴

WheeView.java的部分代码（有点多，太长了，你懂的...）

public class WheelView extends ScrollView {    public static final String TAG = "WheelView";    public static class OnWheelViewListener {        public void onSelected(int selectedIndex, String item) {        }    }    private Context context;//    private ScrollView scrollView;    private LinearLayout views;    public WheelView(Context context) {        super(context);        init(context);    }    public WheelView(Context context, AttributeSet attrs) {        super(context, attrs);        init(context);    }    public WheelView(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);        init(context);    }    //    String[] items;    List<String> items;    private List<String> getItems() {        return items;    }    public void setItems(List<String> list) {        if (null == items) {            items = new ArrayList<String>();        }        items.clear();        items.addAll(list);        // 前面和后面补全        for (int i = 0; i < offset; i++) {            items.add(0, "");            items.add("");        }        initData();    }    public static final int OFF_SET_DEFAULT = 1;    int offset = OFF_SET_DEFAULT; // 偏移量（需要在最前面和最后面补全）    public int getOffset() {        return offset;    }    public void setOffset(int offset) {        this.offset = offset;    }    int displayItemCount; // 每页显示的数量    int selectedIndex = 1;    private void init(Context context) {        this.context = context;//        scrollView = ((ScrollView)this.getParent());//        Log.d(TAG, "scrollview: " + scrollView);        Log.d(TAG, "parent: " + this.getParent());//        this.setOrientation(VERTICAL);        this.setVerticalScrollBarEnabled(false);        views = new LinearLayout(context);        views.setOrientation(LinearLayout.VERTICAL);        this.addView(views);        scrollerTask = new Runnable() {            public void run() {                int newY = getScrollY();                if (initialY - newY == 0) { // stopped                    final int remainder = initialY % itemHeight;                    final int divided = initialY / itemHeight;//                    Log.d(TAG, "initialY: " + initialY);//                    Log.d(TAG, "remainder: " + remainder + ", divided: " + divided);                    if (remainder == 0) {                        selectedIndex = divided + offset;                        onSeletedCallBack();                    } else {                        if (remainder > itemHeight / 2) {                            WheelView.this.post(new Runnable() {                                @Override                                public void run() {                                    WheelView.this.smoothScrollTo(0, initialY - remainder + itemHeight);                                    selectedIndex = divided + offset + 1;                                    onSeletedCallBack();                                }                            });                        } else {                            WheelView.this.post(new Runnable() {                                @Override                                public void run() {                                    WheelView.this.smoothScrollTo(0, initialY - remainder);                                    selectedIndex = divided + offset;                                    onSeletedCallBack();                                }                            });                        }                    }                } else {                    initialY = getScrollY();                    WheelView.this.postDelayed(scrollerTask, newCheck);                }            }        };    }

布局文件：

wheelview.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"              android:orientation="vertical"              android:layout_width="fill_parent"              android:layout_height="fill_parent">    <com.cn.wheelview.WheelView        android:id="@+id/wheel_view_wv"        android:layout_width="match_parent"        android:layout_height="wrap_content" />    <View        android:layout_width="match_parent"        android:layout_height="1dp"        android:background="#0288ce"/>    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal">        <TextView            android:id="@+id/txt_cancel"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_weight="1"            android:gravity="center"            android:textSize="16sp"            android:text="取消"/>        <View            android:layout_width="1dp"            android:layout_height="match_parent"            android:background="#0288ce"/>        <TextView            android:id="@+id/txt_sure"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_weight="1"            android:gravity="center"            android:textSize="16sp"            android:padding="10dp"            android:text="确定"/>    </LinearLayout></LinearLayout>

需要实现二级联动的时候，就需要在添加一个

<com.cn.wheelview.WheelView    android:id="@+id/wheel_view_wv"    android:layout_width="match_parent"    android:layout_height="wrap_content" />

这个控价，然后逻辑处理。。。

然后就是代码实现了

MainActivity.java

public class MainActivity extends AppCompatActivity implements OnClickListener {    private static final String TAG = "MainActivity";    private String Sex="女";    private static final String[] PLANETS = new String[]{"男", "女", "保密"};    private TextView SexTv;    private AlertDialog dialog;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        SexTv= (TextView) findViewById(R.id.txt_Sex);        findViewById(R.id.main_show_dialog_btn).setOnClickListener(this);    }    @Override    public void onClick(View v) {        switch (v.getId()) {            case R.id.main_show_dialog_btn:                View outerView = LayoutInflater.from(this).inflate(R.layout.wheel_view, null);                WheelView wv = (WheelView) outerView.findViewById(R.id.wheel_view_wv);                wv.setOffset(1);                wv.setItems(Arrays.asList(PLANETS));                wv.setSeletion(1);                wv.setOnWheelViewListener(new WheelView.OnWheelViewListener() {                    @Override                    public void onSelected(int selectedIndex, String item) {                        Log.d(TAG, "[Dialog]selectedIndex: " + selectedIndex + ", item: " + item);                        Sex=item;                    }                });                dialog= new AlertDialog.Builder(this)                        .setTitle("Sex in Dialog")                        .setView(outerView)                        .show();                TextView txtSure= (TextView) outerView.findViewById(R.id.txt_sure);                TextView txtCancle= (TextView) outerView.findViewById(R.id.txt_cancel);                txtSure.setOnClickListener(this);                txtCancle.setOnClickListener(this);                break;            case R.id.txt_sure:                SexTv.setText(Sex);                dialog.dismiss();                break;            case R.id.txt_cancel:                dialog.dismiss();                break;        }    }    @Override    public boolean onCreateOptionsMenu(Menu menu) {        getMenuInflater().inflate(R.menu.menu_main, menu);        return true;    }    @Override    public boolean onOptionsItemSelected(MenuItem item) {        // Handle action bar item clicks here. The action bar will        // automatically handle clicks on the Home/Up button, so long        // as you specify a parent activity in AndroidManifest.xml.        int id = item.getItemId();        //noinspection SimplifiableIfStatement        if (id == R.id.action_settings) {            return true;        }        return super.onOptionsItemSelected(item);    }}

代码不多，就这些了，最后看一下首页的布局

activity_main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"              android:orientation="vertical"              android:layout_width="fill_parent"              android:layout_height="fill_parent">    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal"        android:layout_marginTop="20dp"        android:padding="10dp">        <TextView            android:layout_width="wrap_content"            android:layout_height="match_parent"            android:gravity="center_vertical"            android:text="昵称："            android:textColor="#000"            android:textSize="16sp"/>        <EditText            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:gravity="center_vertical"            android:hint="请输入昵称"            android:imeOptions="actionDone"            android:singleLine="true"            android:maxLength="12"            android:textSize="16sp"/>    </LinearLayout>    <LinearLayout        android:id="@+id/main_show_dialog_btn"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_marginTop="20dp"        android:orientation="horizontal"        android:padding="10dp">        <TextView            android:layout_width="wrap_content"            android:layout_height="match_parent"            android:gravity="center_vertical"            android:text="性别："            android:textColor="#000"            android:textSize="16sp"/>        <TextView            android:id="@+id/txt_Sex"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:gravity="center_vertical"            android:layout_marginLeft="10dp"            android:hint="请选择性别"            android:imeOptions="actionDone"            android:textColor="#000"            android:singleLine="true"            android:maxLength="12"            android:textSize="16sp"/>    </LinearLayout></LinearLayout>

实现的过程的这里就不详述了，百度上随便一搜就是

最后附上源码下载：http://download.csdn.net/detail/wjilikely/9585771

0 0