仿叫号系统实现叫号屏显功能

立即下载用AI写一个

发布时间：2019-09-26

0人 | 浏览：1591次 | 收藏 |

技术：Android

运行环境：Androidstudio

概述

在很多餐厅，排队，或者医院等场所，我们经常可以看到叫号场景。一个屏幕，上面竖行显示号码，来一个新顾客，号码就移动一位，满屏后，最先叫到的号逐渐被替代。那么今天就让我们来看看这个效果吧。

详细

###前言
在很多餐厅，排队，或者医院等场所，我们经常可以看到叫号场景。一个屏幕，上面竖行显示号码，来一个新顾客，号码就移动一位，满屏后，最先叫到的号逐渐被替代。那么今天就让我们来看看这个效果吧。

今天涉及的内容：
1. 叫号屏显特征
2. 实现方案探索
3. MainActivity中调用代码
4. 效果图和项目结构图

先来波效果图吧
![](/contentImages/image/20190926/CYIAM4kQfhDygfDjGAo.gif)

####一. 叫号屏显特征
号码竖屏展示，来新号显示在屏幕左上角，然后旧号依次像下移动，当号码满屏后，最先展示的号码逐渐移出屏幕。

####二. 实现方案探索
这里我们要实现一个8行4列的号码方格展示，经过一番思索，出具以下三个方案：

- 屏幕等比布局32个textView,然后根据业务情况分别给每个Text View设置应该显示的值
- 8行4列，用四个列表均衡展示，有数据过来，统一刷新4个列表
- 一个列表展示来号，处理网格纵排的问题

基于以上三个方案。方案一控件较多，布局麻烦，更新数据繁琐；方案二相比方案一而言感觉处理起来要简单一些，但是数据设置，更新，都要统一处理4个列表，似乎还是不够简洁。
我们想要的是第三种方案，一个RecyclerView解决所有问题，但是基于叫号屏显的特征，这里有两个问题亟待解决：
1. RecyclerView实现网格纵排
2. 禁止列表滑动(因为只需要显示一屏就够了)

####三. MainActivity中调用代码
基于以上的分析，需要自定义一个CustomerManager继承自GridLayoutManager，实现RecyclerView禁止滑动，然后在RecyclerView对应的DefaultAdapter中封装一个setRecyclerManager方法实现网格纵排，下面看看看在MainActivity中的调用代码：
```
public class MainActivity extends AppCompatActivity implements View.OnClickListener {

private Button mBtn1;
    private Button mBtn2;
    private RecyclerView mRecyclerView;

private List<String>mNames;
    private DefaultAdapter<String> mDefaultAdapter;
    private int mCount=0;

@Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

initData();
        setListener();
    }

private void initData() {
        mRecyclerView = findViewById(R.id.rv);
        mBtn1 = findViewById(R.id.btn1);
        mBtn2 = findViewById(R.id.btn2);

mBtn1.setText("叫号");
        mBtn2.setText("清屏");

//通用布局
        mNames = new ArrayList<>(32);
        mDefaultAdapter=new DefaultAdapter<>(MainActivity.this,mNames,mRecyclerView);
        mDefaultAdapter.setRecyclerManager(8);
    }

private void setListener() {
        mBtn1.setOnClickListener(this);
        mBtn2.setOnClickListener(this);

//点击事件
        mDefaultAdapter.setOnItemClickListener(new DefaultAdapter.OnItemClickListener() {
            @Override
            public void onClick(View v,String name) {
                switch (v.getId()) {
                    case R.id.container:
                        ToastUtil.shortShow("====name="+name);
                        break;
                    default:
                        break;
                }
            }
        });
    }

@Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn1://通用布局线性测试
                //来新消息
                addItem();
                break;
            case R.id.btn2://清空
                mNames.clear();
                mDefaultAdapter.notifyDataSetChanged();
                mCount=0;
                break;
            default:
                break;
        }
    }

private void addItem(){
        String kk="A20"+mCount;
        if(mNames.size()>32){
            mNames.remove(31);
        }
        mNames.add(0,kk);
        mDefaultAdapter.notifyDataSetChanged();
        mCount++;
    }
}
```
####四. 效果图和项目结构图
效果图
![](/contentImages/image/20190926/CYIAM4kQfhDygfDjGAo.gif)

项目结构图
![](/contentImages/image/20190926/pQjW2UanZSJoE473xPl.png)
具体细节大家可以参考demo，这里就不详细介绍了。

本实例支付的费用只是购买源码的费用，如有疑问欢迎在文末留言交流，如需作者在线代码指导、定制等，在作者开启付费服务后，可以点击“购买服务”进行实时联系，请知悉，谢谢

感谢

手机上随时阅读、收藏该文章？请扫下方二维码

仿叫号系统实现叫号屏显功能

概述

详细

相似例子推荐

评论

作者

评分详细

作者例子