view的两种实现方式

已于 2024-03-08 06:52:59 修改
阅读量489 收藏 10
点赞数 8
文章标签： java 开发语言
于 2024-03-07 17:23:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangguannan/article/details/136539739
版权 
想通过一个小功能的实现来表达我对编程的一些看法
一个多列表选择框，我第一种方案用了一个自定义view逻辑全写在一个类里，一个小时内很快就搞定了
但我也清楚，会有很大一些人如果看这个代码，会觉得很乱，甚至看不懂，
甚至有些人会很生气的说 这些的什么代码啊，根本没法看。
我理解他们，所以我特意写了一个进一步拆解成不同对象来更好理解的方式
但我想说的是如果是一个对编码有感觉的话，看第一个是很容易看懂的，不是他们写的不好理解，而是另一些人太不懂和机器打交道了，我也知道面向对象的设计，但设计的粒度要多细，我觉得还是的得看人

根据个人对代码量的控制程度来选择两种编码方式，
第一种方式，直接在filterview里面进行点击及列表响应的处理（我的推荐，简单高效）
第二种方式，专门通过一个对象FilterObject来管理选择按钮的状态和数据

第一种方式

public class FilterView extends SkinCompatLinearLayout {
    public final static int searchType = 7309;
    public final static String[] ChargeTitle ={"Speed","Brand"};

    public final static String[] ChargeType ={"All","Slow","Fast"};
    public final static String[] ChargeBrand ={"All","EV Station Pluz","PEA Volta","Elex by EGAT","EA Anywhere","Evolt","Sharge"};

    //power > 50 为快充
    public final static String[] ChargeTypeValue ={"0","0","50"};
    public final static String[] ChargeBrandValue ={"","EV Station Pluz","PEA Volta","Elex by EGAT","EA Anywhere","Evolt","Sharge"};

    private SkinCompatTextView[] titleViews = new SkinCompatTextView[2];

    private final int TYPE_INDEX = 0;
    private final int BRAND_INDEX = 1;

    private SparseArray<String[]> allColums = new SparseArray();
    private SparseArray<String[]> allColumValues = new SparseArray();
    //每列对应的选中index
    private SparseArray<Integer> selectFilter = new SparseArray();
    //第几列
    private int showRow = -1;
    private Context mContext;

    private RecyclerView recyclerView;
    private int selectColor = 0xff8ACB04;/
    private int normolColor = 0xff35383D;

    public interface FilterChange{
        void onFilterChange(String chargetype ,String brand);
    }

    FilterChange mFilterChange;

    public void setFilterChange(FilterChange filterChange){
        mFilterChange = filterChange;
    }

    public FilterView(Context context) {
        super(context);
        initdata();
        initView(context);
    }

    private void initdata(){

        allColums.put(TYPE_INDEX,ChargeType);
        allColums.put(BRAND_INDEX,ChargeBrand);

        allColumValues.put(TYPE_INDEX,ChargeTypeValue);
        allColumValues.put(BRAND_INDEX,ChargeBrandValue);

        selectFilter.put(TYPE_INDEX,0);
        selectFilter.put(BRAND_INDEX,0);
    }

    public FilterView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initdata();
        initView(context);
    }

    private void initView(Context context) {
        mContext = context;
        SkinCompatLinearLayout moreView = (SkinCompatLinearLayout) LayoutInflater.from(mContext).inflate(R.layout.filterlayout, null);
        addView(moreView);
        moreView.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));

        titleViews[TYPE_INDEX] = moreView.findViewById(R.id.filter_left);
        titleViews[BRAND_INDEX] = moreView.findViewById(R.id.filter_right);
        recyclerView = moreView.findViewById(R.id.recyclerView);
        titleViews[TYPE_INDEX].setOnClickListener(onClickListener);
        titleViews[BRAND_INDEX].setOnClickListener(onClickListener);
        recyclerView.setLayoutManager(new LinearLayoutManager(mContext, RecyclerView.VERTICAL, false));
        //freshListview();
    }

    OnClickListener onClickListener = new OnClickListener() {
        @Override
        public void onClick(View v) {
            if(v.getId() == R.id.filter_left){
                showRow = TYPE_INDEX;
            }else if(v.getId() == R.id.filter_right){
                showRow = BRAND_INDEX;
            }
            freshListview();
        }
    };

    private void freshListview(){
        if (recyclerView.getVisibility() == View.VISIBLE) {
            recyclerView.setVisibility(View.GONE);
            return;
        }
        recyclerView.setVisibility(View.VISIBLE);
        recyclerView.setAdapter(new BaseRecyclerAdapter(mContext, Arrays.asList(allColums.get(showRow)),R.layout.charge_filter_view) {
            @Override
            public void convert(MViewHolder holder, int position) {
                ((TextView)holder.getView(R.id.filter_name)).setText(allColums.get(showRow)[position]);
                if(position == selectFilter.get(showRow)){
                    ((TextView)holder.getView(R.id.filter_name)).setTextColor(selectColor);
                    ((TextView)holder.getView(R.id.filter_name)).setCompoundDrawablesWithIntrinsicBounds(null,null,ContextCompat.getDrawable(ContextHelper.getContext(), R.drawable.charge_select),null);
                }else{
                    ((TextView)holder.getView(R.id.filter_name)).setTextColor(normolColor);
                    ((TextView)holder.getView(R.id.filter_name)).setCompoundDrawablesWithIntrinsicBounds(null,null,null,null);
                }
            }
        }.setOnItemClickListener(new BaseRecyclerAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(MViewHolder holder, int position) {

                selectFilter.put(showRow,position);
                recyclerView.setVisibility(View.GONE);
                resetTitleview();

                if (mFilterChange != null) {
                    String brand = allColumValues.get(BRAND_INDEX)[selectFilter.get(BRAND_INDEX)];
                    String chargetype = allColumValues.get(TYPE_INDEX)[selectFilter.get(TYPE_INDEX)];
                    mFilterChange.onFilterChange(chargetype,brand);
                }
            }
        }));
        freshTitleview();
    }

    private void freshTitleview(){
        for(int i = 0;i<titleViews.length;i++) {
            if(showRow == i){
                titleViews[i].setTextColor(selectColor);
                titleViews[i].setCompoundDrawablesWithIntrinsicBounds(null,null,ContextCompat.getDrawable(ContextHelper.getContext(), R.drawable.charge_title_arrow_select),null);
            }else{
                titleViews[i].setTextColor(normolColor);
                titleViews[i].setCompoundDrawablesWithIntrinsicBounds(null,null,ContextCompat.getDrawable(ContextHelper.getContext(), R.drawable.icon_filterdown),null);
            }
        }
    }

    private void resetTitleview(){
        for(int i = 0;i<titleViews.length;i++) {
            titleViews[i].setTextColor(normolColor);
            titleViews[i].setText(allColums.get(i)[selectFilter.get(i)]);
            titleViews[i].setCompoundDrawablesWithIntrinsicBounds(null,null,ContextCompat.getDrawable(ContextHelper.getContext(), R.drawable.icon_filterdown),null);
        }
    }

}

第二种，通过对象来控制两个选择框的状态和数据填充
public class FilterView extends SkinCompatLinearLayout {
    public final static int searchType = 7309;
    public final static String[] ChargeTitle ={"Speed","Brand"};

    public final static String[] ChargeType ={"All","Slow","Fast"};
    public final static String[] ChargeBrand ={"All","EV Station Pluz","PEA Volta","Elex by EGAT","EA Anywhere","Evolt","Sharge"};

    //power > 50 为快充
    public final static String[] ChargeTypeValue ={"0","0","50"};
    public final static String[] ChargeBrandValue ={"","EV Station Pluz","PEA Volta","Elex by EGAT","EA Anywhere","Evolt","Sharge"};

    private SkinCompatTextView[] titleViews = new SkinCompatTextView[2];

    private final int TYPE_INDEX = 0;
    private final int BRAND_INDEX = 1;

    private SparseArray<String[]> allColums = new SparseArray();
    private SparseArray<String[]> allColumValues = new SparseArray();

    //第几列
    private int showRow = -1;
    private Context mContext;

    private RecyclerView recyclerView;
    private int selectColor = 0xff8ACB04;//R.color.download_cicle_color;
    private int normolColor = 0xff35383D;

    FilterObject[] objs = new FilterObject[2];

    public interface FilterChange{
        void onFilterChange(String chargetype ,String brand);
    }

    FilterChange mFilterChange;

    public void setFilterChange(FilterChange filterChange){
        mFilterChange = filterChange;
    }

    public FilterView(Context context) {
        super(context);
        initdata();
        initView(context);
    }

    private void initdata(){

        allColums.put(TYPE_INDEX,ChargeType);
        allColums.put(BRAND_INDEX,ChargeBrand);

        allColumValues.put(TYPE_INDEX,ChargeTypeValue);
        allColumValues.put(BRAND_INDEX,ChargeBrandValue);
    }

    public FilterView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initdata();
        initView(context);
    }

    private void initView(Context context) {
        mContext = context;
        SkinCompatLinearLayout moreView = (SkinCompatLinearLayout) LayoutInflater.from(mContext).inflate(R.layout.filterlayout, null);
        addView(moreView);
        moreView.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));

        titleViews[TYPE_INDEX] = moreView.findViewById(R.id.filter_left);
        titleViews[BRAND_INDEX] = moreView.findViewById(R.id.filter_right);
        recyclerView = moreView.findViewById(R.id.recyclerView);
        titleViews[TYPE_INDEX].setOnClickListener(onClickListener);
        titleViews[BRAND_INDEX].setOnClickListener(onClickListener);
        recyclerView.setLayoutManager(new LinearLayoutManager(mContext, RecyclerView.VERTICAL, false));
        objs[BRAND_INDEX] = new FilterObject(ChargeTitle[BRAND_INDEX],ChargeBrand,ChargeBrandValue,titleViews[BRAND_INDEX],0);
        objs[TYPE_INDEX] = new FilterObject(ChargeTitle[TYPE_INDEX],ChargeType,ChargeTypeValue,titleViews[TYPE_INDEX],0);
    }

    OnClickListener onClickListener = new OnClickListener() {
        @Override
        public void onClick(View v) {
            if(v.getId() == R.id.filter_left){
                showRow = TYPE_INDEX;
            }else if(v.getId() == R.id.filter_right){
                showRow = BRAND_INDEX;
            }
            freshListview();
        }
    };

    private void freshListview(){
        if (recyclerView.getVisibility() == View.VISIBLE) {
            recyclerView.setVisibility(View.GONE);
            return;
        }
        recyclerView.setVisibility(View.VISIBLE);
        recyclerView.setAdapter(new BaseRecyclerAdapter(mContext, Arrays.asList(allColums.get(showRow)),R.layout.charge_filter_view) {
            @Override
            public void convert(MViewHolder holder, int position) {
                ((TextView)holder.getView(R.id.filter_name)).setText(objs[showRow].getItemName(position));
                if(position == objs[showRow].selectIndex){
                    ((TextView)holder.getView(R.id.filter_name)).setTextColor(selectColor);
                    ((TextView)holder.getView(R.id.filter_name)).setCompoundDrawablesWithIntrinsicBounds(null,null,ContextCompat.getDrawable(ContextHelper.getContext(), R.drawable.charge_select),null);
                }else{
                    ((TextView)holder.getView(R.id.filter_name)).setTextColor(normolColor);
                    ((TextView)holder.getView(R.id.filter_name)).setCompoundDrawablesWithIntrinsicBounds(null,null,null,null);
                }
            }
        }.setOnItemClickListener(new BaseRecyclerAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(MViewHolder holder, int position) {

                objs[showRow].setSelectIndex(position);
                objs[showRow].setNormorState();
                recyclerView.setVisibility(View.GONE);

                if (mFilterChange != null) {
                    mFilterChange.onFilterChange(objs[TYPE_INDEX].getSelectValue(),objs[BRAND_INDEX].getSelectValue());
                }
            }
        }));
        objs[showRow].setSelectState();
    }

    // todo use obj instead
    class FilterObject {

       public FilterObject(String title,String[] listShows,String[] listValues,SkinCompatTextView titleView,int selectIndex){
            this.title = title;
            this.listShows = listShows;
            this.listValues = listValues;
            this.titleView = titleView;

        }

        public String title ;

        public  String[] listShows ;

        public  String[] listValues;

        public SkinCompatTextView titleView ;

        public void setSelectIndex(int selectIndex) {
            this.selectIndex = selectIndex;
        }

        public String getSelectValue(){
            return listValues[selectIndex];
        }

        public String getItemName(int index){
            return listShows[index];
        }

        //第几列
        public int selectIndex = 0;

        public void setNormorState(){
            titleView.setTextColor(normolColor);
            titleView.setText(listShows[selectIndex]);
            titleView.setCompoundDrawablesWithIntrinsicBounds(null,null,ContextCompat.getDrawable(ContextHelper.getContext(), R.drawable.icon_filterdown),null);
        }

        public void setSelectState(){
            titleView.setTextColor(selectColor);
            titleView.setText(listShows[selectIndex]);
            titleView.setCompoundDrawablesWithIntrinsicBounds(null,null,ContextCompat.getDrawable(ContextHelper.getContext(), R.drawable.charge_title_arrow_select),null);
        }

    }

}
练习本
关注
  • 8
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Python Django view 两种return的实现方式
09-17
主要介绍了Python Django view 两种return的实现方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Android两种方式实现动态添加View
u012556114的博客
05-03 5209
最近有个需求是在布局上动态添加view，本来想写死的，但是发现这样写后期需求变动后改动很大，不灵活，还得重新写，于是研究了一下在布局上动态添加view的方式。 1.初始化View： 2.初始化事件监听 3.向容器中添加TextView 4.添加一个布局. . 5.移除最后一个View： //根据view的数量移除最后一个 View view = llCont...
Android自定义View的四种方式
nihaomabmt的专栏
12-01 6504
一 前言 在Android开发中有很多业务场景，原生的控件是无法满足应用，并且经常也会遇到一个UI在多处重复使用情况，那么就需要通过自定义View的方式来实现这些UI效果。作为一个Android开发工程师自定义View属于一个必备技能。 像前几天正好做了一个上传本地图片的网格UI，点击相机的icon就可以上传选择本地图片，选中图片之后就可以显示的界面上。本来可以使用Android原生GridView，但是这个控件由于嵌套到ScrollView中，所以导致滑动事件冲突，当然网上...
前端实现路由的两种方式
yzyxzz的博客
11-09 4302
前端实现路由的方式主要有两种：hash模式和history模式、前端路由的本质为url改变页面不刷新、达到视图数据改变的结果。 1.hash模式： window对象的location属性值里的 hash属性可以拿到hash值：window.location.hash。 window对象的全局方法hashchange()可以监听到hash值得变化。 主要基于这个原理来实现hash模式的前端路由。 实例代码1： <body> <li><a href="#/home"
Android 圆形头像的两种实现方式
热门推荐
徐公，微信公众号同名
03-22 1万+
Android 圆形头像的两种实现方式 前言 这篇博客只是为了做一个记录而已，方便而后查询，核心代码都是直接采用鸿洋博客里面的代码的。 圆形头像在实际开发中实际很常见，一般来说，主要有两种实现方式： 第一种： 使用 Paint 的 Xfermode 实战 第二种方法： 使用 BitmapShader 实现 第一种： 使用 Paint 的 Xfermode 实战 圆形头像...
Android 线程 thread 两种实现方法！
云淡风轻的博客
09-27 8851
这篇文章中有三点需要提前说明一下，   一： 在android中有两种实现线程thread的方法： 一种是，扩展java.lang.Thread类  另一种是，实现Runnable接口   二： Thread类代表线程类，它的两个最主要的方法是：  run()——包含线程运行时所执行的代码  Start()——用于启动线程   三： 
ClearEditText两种实现方式
09-25
实现EditText输入框右边清除图标点击清除功能的两种方式，自定义ClearEditText和EditText加监听原始操作。
textView 添加超链接(两种实现方式)
09-05
在textView添加超链接，有两种方式，第一种通过HTML格式化你的网址，一种是设置autolink，让系统自动识别超链接，下面为大家介绍下这两种方法的实现
Android实现底部状态栏切换的两种方式
01-05
Android开发过程中，特别...这里我先介绍前面两种实现方式，后面两种后期再贴出实现方式。 一、使用TabLayout + Fragment + ViewPager实现 1、实现步骤： (1)、布局文件中定义TabLayout控件  (2)、定义切换的每个Fragm
链表刷题集
yajunjiao的专栏
04-30 813
本文主要列举了一些刷的题，不多，有那么几道，也建议各位去建立自己的刷题集。积少成多。
Spring Cloud——LoadBalancer
????
05-01 1798
这里只是简单的讲解了一下LoadBalancer如何使用，因为实际上我们使用的不是很多，主要还是使用OpenFeign。
d15(136-148)-勇敢开始Java，咖啡拯救人生
m0_73459387的博客
04-28 1348
对象哈希值的特点：同一个对象调用hashCode()返回的哈希值相同；HashMap的键依赖hashCode方法和equals方法保证键的唯一，存储自定义类型的对象时，重写这两个方法。实际上，Set系列集合的底层就是基于Map实现的，只是Set集合中的元素要键数据，不要值数据。当12个位置都占满时就会扩容，大约扩容为原来的二倍，再把原数组数据转移到新数组。使用迭代器遍历集合时，又同时在删除集合中的数据，程序就会出现并发修改异常的错误。基于哈希表实现，每个键值对额外多了一个双链表的机制，记录元素顺序（保证。
Java解决最长公共前缀
无人罪的博客
04-28 653
编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀，返回空字符串""。
【一步一步了解Java系列】：探索Java基本类型与C语言的区别
2302_81249757的博客
04-29 1160
​​喜欢的一句话： 常常会回顾努力的自己，所以要为自己的努力留下足迹。作者：小闭。
Spring cloud原理详解
qq_33449977的博客
04-28 756
想象一下，你开了一家餐馆，一开始只卖汉堡，后来生意火了，你又增加了炸鸡、披萨、冰淇淋各种摊位，每个摊位就是一个微服务，它们各自独立工作，但又得相互配合。有时候，某个服务可能太忙了，电话老打不通，这时候Spring Cloud还有个叫Hystrix的断路器，它会说：“嘿，别打了，那边线路忙，我给你个备用方案或者告诉你稍后再试。至于餐馆运营情况，Spring Cloud Sleuth和Zipkin这些工具，就像监控摄像头，记录服务间的每一次交互，方便你查看哪里出了问题，优化服务流程。
Nacos 配置中心实例分析实践
最新发布
m0_73557631的博客
05-03 978
​ 浏览器: http://localhost:5000/nacos/config/ip。先创建e-commerce-nacos-config-client5000 模块。​ 启动e-commerce-nacos-config-client5000。​ 启动Nacos Server。
软件工程毕业设计选题100例
HUXINY的博客
05-02 1072
学长搜集分享最新的软件工程业专业毕设选题，难度适中，适合作为毕业设计，大家参考。相对容易工作量达标题目新颖。
公考学习平台|基于SprinBoot+vue的公考学习平台(源码+数据库+文档)
weixin_66413741的博客
04-30 1287
本共享汽车管理系统有管理员和用户。管理员功能有个人中心，用户管理，投放地区管理，汽车信息管理，汽车投放管理，汽车入库管理，使用订单管理，汽车归还管理。用户可以在注册登录，可以对汽车进行使用产生订单，还可以归还。因而具有一定的实用性。本站是一个B/S模式系统，采用Spring Boot框架，MYSQL数据库设计开发，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得共享汽车管理系统管理工作系统化、规范化。
SpringBoot实现图片上传（个人头像的修改）
m0_46590717的博客
04-29 1189
该文章适合对SpringBoot，Thymeleaf，layui入门的小伙伴。
qgraphicsview实现时间轴
06-25
总的来说，实现时间轴需要我们借助QGraphicsView和QGraphicsScene这两个类来管理和呈现图形项，同时还需要实现滚动条和交互效果等功能。 ### 回答2： QGraphicsView是Qt中用于显示和编辑图形对象的控件，它的功能...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值