android之拨盘界面

最新推荐文章于 2024-06-10 09:50:38 发布

CL_slacking

最新推荐文章于 2024-06-10 09:50:38 发布

阅读量3.7k

点赞数 1

分类专栏： android studio 文章标签：拨盘

本文链接：https://blog.csdn.net/i_do_can/article/details/50434455

版权

android studio 专栏收录该内容

91 篇文章 1 订阅

订阅专栏

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

开发平台：android studio

这是要实现的假想图

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

看一下做出来的效果

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

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" tools:showIn="@layout/activity_ui"
    tools:context="android.cl.com.voicetest.UIActivity">


    <!--设置一个textview的文字显示为垂直居中，水平居左-->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="25pt"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="发票内容"
        android:id="@+id/textView2"
        android:gravity="center_vertical|left"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />


    <Spinner
        android:layout_width="60pt"
        android:layout_height="13pt"
        android:id="@+id/spinner"
        android:drawableRight="@android:drawable/btn_radio"
        android:layout_below="@+id/textView2"
        android:layout_toRightOf="@+id/rb_list"
        android:layout_toEndOf="@+id/rb_list" />


    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/container"
        android:layout_below="@+id/rb_needlist"
        android:layout_centerHorizontal="true"
        android:layout_above="@+id/btn_sure"></FrameLayout>

    <Button
        android:layout_width="140pt"
        android:layout_height="wrap_content"
        android:text="确定"
        android:textSize="30dp"
        android:textColor="@color/colorWhite"
        android:background="@drawable/shap"
        android:id="@+id/btn_sure"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true" />

    <!--<RadioButton-->
    <!--android:layout_width="wrap_content"-->
    <!--android:layout_height="wrap_content"-->
    <!--android:text="需要商品清单"-->
    <!--android:id="@+id/rb_needlist"-->
    <!--android:layout_below="@+id/textView2"-->
    <!--android:layout_alignRight="@+id/textView2"-->
    <!--android:layout_alignEnd="@+id/textView2"-->
    <!--android:checked="true" />-->

    <!--<RadioButton-->
    <!--android:layout_width="wrap_content"-->
    <!--android:layout_height="wrap_content"-->
    <!--android:id="@+id/rb_list"-->
    <!--android:layout_below="@+id/textView2"-->
    <!--android:layout_alignParentLeft="true"-->
    <!--android:layout_alignParentStart="true"/>-->

    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="需要商品清单"
        android:id="@+id/rb_needlist"
        android:checked="true"
        android:layout_below="@+id/textView2"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />

    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/rb_list"
        android:text=" "
        android:layout_below="@+id/textView2"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />


</RelativeLayout>

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

<?xml version="1.0" encoding="UTF-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 填充的颜色 -->
    <solid android:color="#FF0000" />
    <!-- 设置按钮的四个角为弧形 -->
    <!-- android:radius 弧形的半径 -->
    <corners android:radius="5dip" />
</shape>

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<String> 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<String>(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<String>(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<String>(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 分，首先申明我不是缺这一分，是担心有人瞎下载源码，用作其他用途，所以加了限制，但是又不会需要你太多分

如果你需要，但是有没有分，可以私信我，或者：clseekwork@126.com，不一定及时回复哦！

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

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