android之拨盘界面

app:http://fir.im/gval 这里面包含语音交互

开发平台：android studio

这是要实现的假想图

工具包是 wheelview，使用人家已经写好的，在此感谢前辈们，这部分代码主要是参考文章第一个的前辈提供

看一下做出来的效果

我就直接上代码了，里面有我自己写的一些算法

布局文件：

让button四个角显示圆角的shap.xml

package android.cl.com.tts;

import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v4.app.Fragment;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import android.widget.RadioButton;
import android.widget.Spinner;
import android.widget.Toast;

import java.util.ArrayList;

import wheelview.ArrayWheelAdapter;
import wheelview.OnWheelChangedListener;

import wheelview.WheelView;

public class UIActivity extends AppCompatActivity {

    public String product[] = new String[] { " 日用品  ", "  装修材料  ", "  化妆品  ", "  饮食  ", "  玩具  ", "  文具  ", "  电子产品  ", "  衣服  ", "  路由器  ", "  电脑显示器  " };

    private Button btn;
    //    private  RadioButton rb;
    private CheckBox rb;
    private CheckBox rblist;
    private Spinner spinner ;
    //创建 WheelView 组件
    private  WheelView wheel;
    //Adapter 用以在Spinner-下拉框 显示数据
    private ArrayAdapter adapter;
    private  FrameLayout frameLayout;
    private FrameLayout.LayoutParams params;
    ArrayList ls = new ArrayList();
    @Override
    protected void onCreate(final Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.content_ui);

        wheel = new WheelView(UIActivity.this);
        frameLayout = (FrameLayout) findViewById(R.id.container);
        //设置 FrameLayout 的布局参数
        params = new FrameLayout.LayoutParams(400,
                FrameLayout.LayoutParams.WRAP_CONTENT);
        params.gravity = Gravity.CENTER;

        spinner = (Spinner) findViewById(R.id.spinner);
        newspinner();
//        rb = (RadioButton)findViewById(R.id.rb_list);
        rb = (CheckBox)findViewById(R.id.rb_list);
        rblist = (CheckBox)findViewById(R.id.rb_needlist);

        findViewById(R.id.btn_sure).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (wheel.getCurrentItem() > 0) {
                    String message = "已选择：" + product[wheel.getCurrentItem()];
                    if(rblist.isChecked()){
                        message += ",需要商品清单";
                    }
                    Toast.makeText(UIActivity.this,message , Toast.LENGTH_SHORT).show();
                }
            }
        });

        /*为RadioButton单独添加checked监听事件*/
        rb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                //选中了  do something 数据添加到 FrameLayout
                if (isChecked) {

                    //设置 WheelView 组件最多显示 5 个元素
                    wheel.setVisibleItems(5);
                    //设置 WheelView 元素是否循环滚动
//                    wheel.setCyclic(false);
                    wheel.setCyclic(true);
                    //设置 WheelView 适配器
                    wheel.setAdapter(new ArrayWheelAdapter(product));

                    //将 Wheel 对象放到 FrameLayout 中
                    frameLayout.addView(wheel, params);
                    //为 Wheel 设置条目改变监听器
                    wheel.addChangingListener(new OnWheelChangedListener() {
                        @Override
                        public void onChanged(WheelView wheel, int oldValue, int newValue) {
                            //把新值更新到Spinner上
                            ls.clear();
                            ls.add(product[wheel.getCurrentItem()]);
                            // 建立Adapter并且绑定数据源
                            adapter = new ArrayAdapter(UIActivity.this, android.R.layout.simple_spinner_item, ls);
                            adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
                            //绑定 Adapter到控件
                            spinner.setAdapter(adapter);
                        }
                    });

//                    wheel.addScrollingListener(new OnWheelScrollListener() {
//                        @Override
//                        public void onScrollingStarted(WheelView wheel) {
//
//                        }
//
//                        @Override
//                        public void onScrollingFinished(WheelView wheel) {
//
//                        }
//                    });
                }
                if(!isChecked){
                    //方式2 ：清除数据
                    frameLayout.removeAllViews();
                    rblist.setChecked(true);
                    newspinner();
//                    refresh();
                }
            }
        });
    }

    private void newspinner(){
        ls.clear();
        ls.add("请选择。。。");
        // 建立Adapter并且绑定数据源
        adapter = new ArrayAdapter(UIActivity.this, android.R.layout.simple_spinner_item, ls);
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        //绑定 Adapter到控件
        spinner.setAdapter(adapter);
    }
    /**
     * 刷新 activity,就是杀死当前的，在启动一个新的
     */
    private void refresh() {
        finish();
        Intent intent = new Intent(UIActivity.this, UIActivity.class);
        startActivity(intent);
    }

}

本来是使用radiobutton的，后来先实现我选中，拨盘出来，不选中拨盘消失，就使用了checkbook。

当前选中的内容在下拉选择框spinner中显示,代码都有注释

参考文章：

竖直滑动选择器WheelView的实现 ScrollView
* http://www.cnblogs.com/tiantianbyconan/p/3819304.html
*
* Android基于开源项目的WheelView的时间、地址联动选择对话框
* http://blog.csdn.net/ywl5320/article/details/44730457
* android Spinner控件详解
* http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0105/2264.html
*
* 关于Android下各个布局方式里面LayoutParams的用法
* http://rocye.iteye.com/blog/1258936

有需要的可以自行下载源码扩展

为什么需要 1 分，首先申明我不是缺这一分，是担心有人瞎下载源码，用作其他用途，所以加了限制，但是又不会需要你太多分

如果你需要，但是有没有分，可以私信我，或者：[email protected]，不一定及时回复哦！

源码：不是一个项目，由于使用android studio，所以上传的是一个module,这里面包含语音交互

http://download.csdn.net/detail/i_do_can/9389208