Android TV开发之VerticalGridView

news2024/11/22 13:22:47

Android TV应用开发和手机应用开发是一样的,只是多了焦点控制,即选中变色。

androidx.leanback.widget.VerticalGridView 继承 BaseGridView , BaseGridView 继承 RecyclerView 。

所以 VerticalGridView 就是 RecyclerView ,使用方法和 RecyclerView 一样。

既然一样,直接用 RecyclerView 不就行了,为什么要用它 ?

因为它的特性:

  • 1.当列表滚动时,有翻页时选中项默认在中间,无翻页则逐渐滚动到表头或者表尾。(有点绕,看 gif 对比后就明白了)
  • 2.焦点事件的处理,它提供了 setSelectedPosition(int position)getSelectedPosition() 方法,方便处理TV焦点事件。

列表默认是竖向排列,不用做 LayoutManager 的处理。
如果要横向排列,也是可以的,但是 特性1 就失效了。why ,看名字就知道它适用于横向排列。

要横向排列且有特性1 ,就用它的兄弟 androidx.leanback.widget.HorizontalGridView

在TV应用开发中,配合遥控器上下按键的操作,这个特性让页面操作更友好、丝滑。

对比

都是在模拟器中按遥控器下键。

RecyclerView :
在这里插入图片描述

VerticalGridView :
在这里插入图片描述

开始使用,其实使用方法和 RecyclerView 是基本一样的。

添加依赖

implementation 'androidx.leanback:leanback:1.1.0-rc01'

编写布局文件

很简单,VerticalGridView 居中显示, 底部添加 4 个 Button 用于增、删、改、交换。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".recyclerview.VerticalGridViewActivity">


    <androidx.leanback.widget.VerticalGridView
        android:id="@+id/vertical_gridview"
        android:layout_width="600dp"
        android:layout_height="300dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.498" />

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="40dp"
        android:orientation="horizontal"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent">

        <Button
            android:id="@+id/button_vg_add"
            android:text="add"
            android:onClick="onVGButtonClick"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"/>

        <Button
            android:id="@+id/button_vg_remove"
            android:text="remove"
            android:onClick="onVGButtonClick"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"/>

        <Button
            android:id="@+id/button_vg_update"
            android:text="update"
            android:onClick="onVGButtonClick"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"/>

        <Button
            android:id="@+id/button_vg_move"
            android:text="move"
            android:onClick="onVGButtonClick"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"/>
    </LinearLayout>


</androidx.constraintlayout.widget.ConstraintLayout>

编写Adapter

和 RecyclerView Adapter 的写法是一样的,

onCreateViewHolder 中加载布局文件,

onBindViewHolder 中进行数据处理,

getItemCount 返回数据容量,为 0 的话UI是加载不出来的,

OnVGItemClickListener 是我自己加的接口,方便 Activity 监听 item 点击的回调。如果没有需求,可以直接在 onBindViewHolder 中做点击事件处理。

package com.test.luodemo.recyclerview;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import com.test.luodemo.R;

import java.util.List;

public class VGAdapter extends RecyclerView.Adapter<VGAdapter.VGViewHolder> {

    private OnVGItemClickListener vgItemClickListener;
    public interface OnVGItemClickListener{
        void onVGItemClick(View view, int position);
    }

    private List<String> dataList;
    public VGAdapter(List<String> data, OnVGItemClickListener listener) {
        dataList = data;
        vgItemClickListener = listener;
    }


    @NonNull
    @Override
    public VGViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_vertical_gridview, parent, false);
        return new VGViewHolder(v);
    }

    @Override
    public void onBindViewHolder(@NonNull VGViewHolder holder, int position) {
        holder.textView.setText(dataList.get(position));
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (vgItemClickListener != null) {
                    vgItemClickListener.onVGItemClick(holder.itemView ,position);
                }
            }
        });
    }

    @Override
    public int getItemCount() {
        return dataList != null ? dataList.size() : 0;
    }

    public static class VGViewHolder extends RecyclerView.ViewHolder{

        TextView textView;
        public VGViewHolder(@NonNull View itemView) {
            super(itemView);
            textView = (TextView) itemView.findViewById(R.id.item_vg_textview);
        }
    }
}

item 的布局文件 R.layout.item_vertical_gridview 很简单,就一个 TextView ,

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="25dp"
    android:focusable="true"
    android:focusableInTouchMode="true"
    android:background="@drawable/sel_item">

    <TextView
        android:id="@+id/item_vg_textview"
        android:duplicateParentState="true"
        android:textColor="@drawable/sel_item_textview"
        android:textSize="16sp"
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>

两个 drawable (sel_item 、sel_item_textview)用 selector 实现,方便区分是否选中,选中有变色效果。
就不用做 item 的 setOnFocusChangeListener(OnFocusChangeListener l) 处理了。

res/drawable/sel_item.xml ,

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/my_red" android:state_focused="true" />
    <item android:drawable="@color/my_red" android:state_selected="true" />
    <item android:drawable="@android:color/transparent" />
</selector>

res/drawable/sel_item_textview.xml ,

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@android:color/white" android:state_focused="true" />
    <item android:color="@android:color/white" android:state_selected="true" />
    <item android:color="@android:color/black" />
</selector>

初始化

findViewById 找到布局。

setAdapter 设置适配器,传入数据。

requestFocus() :TV应用开发常用,获取焦点,去掉的话默认是没选中的,加上就默认选中第一个(如无其他焦点操作)。

setVerticalSpacing(int spacing) :设置横向排列的 Item 之间的间距。

setHorizontalSpacing(int spacing) :设置纵向排列的 Item 之间的间距,适用于 HorizontalGridView 。

setSelectedPosition(int position) :设置选中某一项,获得焦点。

scrollToPosition(int position) :滚动到指定项并获取焦点;如果使用了这个,可以不用 setSelectedPosition(int position) 。

getSelectedPosition() :获取选中项。

没有指定 LayoutManager ,默认是竖向排列。

public class VerticalGridViewActivity extends AppCompatActivity {

    private VerticalGridView verticalGridView;
    private VGAdapter adapter;
    private List<String> mList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_vertical_grid_view);
        Objects.requireNonNull(getSupportActionBar()).setTitle(VerticalGridViewActivity.class.getSimpleName());


        mList = new ArrayList<>();
        for (int i = 0; i < 30 ; i++){
            mList.add("item" + i);
        }

        verticalGridView = (VerticalGridView)findViewById(R.id.vertical_gridview);
        adapter = new VGAdapter(mList, new VGAdapter.OnVGItemClickListener() {
            @Override
            public void onVGItemClick(View view, int position) {
                Toast.makeText(VerticalGridViewActivity.this, "you click position" + position, Toast.LENGTH_SHORT).show();
            }
        });
        verticalGridView.setAdapter(adapter);
        verticalGridView.requestFocus();
        verticalGridView.setVerticalSpacing(10);
		//verticalGridView.setSelectedPosition(0);
        verticalGridView.scrollToPosition(28);
    }
}

增、删、改、交换

刷新可以直接用全局刷新 notifyDataSetChanged() ,但是不友好,局部刷新时没必要这样。

局部刷新用 notifyItemRangeChanged(int positionStart, int itemCount) 方法,

增、删、改、交换 都涉及它 ,

两个参数,第一个参数是 第一个发生变化的 item 的下标,第二个参数是发生变化(包括数据变化和位置变化)的 item 的个数。

		/**
         * Notify any registered observers that the <code>itemCount</code> items starting at
         * position <code>positionStart</code> have changed.
         * Equivalent to calling <code>notifyItemRangeChanged(position, itemCount, null);</code>.
         *
         * <p>This is an item change event, not a structural change event. It indicates that
         * any reflection of the data in the given position range is out of date and should
         * be updated. The items in the given range retain the same identity.</p>
         *
         * @param positionStart Position of the first item that has changed
         * @param itemCount     Number of items that have changed
         * @see #notifyItemChanged(int)
         */
        public final void notifyItemRangeChanged(int positionStart, int itemCount) {
            mObservable.notifyItemRangeChanged(positionStart, itemCount);
        }

增加

在这里插入图片描述

新增一项。

新增项放在 index = 2 处,第一个变化的 index 是 2 ,

indext 从 2 到 mList.size() - 1 的 item 都发生了变化,
变化的 item 个数就是 mList.size() - 2 ,计算方法 “头减尾加1” , mList.size() - 1 - 2 + 1 。

mList.add(2, "new add item");
adapter.notifyItemInserted(2);
adapter.notifyItemRangeChanged(2, mList.size() - 2);

删除

在这里插入图片描述

删除一项。

删除第 index = 3 的 item ,第一个变化的 index 是 3 ,发生变化的 item 个数是 mList.size() - 3 ,

adapter.notifyItemRemoved(3);
mList.remove(3);
adapter.notifyItemRangeChanged(3, mList.size() - 3);

修改

在这里插入图片描述

修改第3项

mList.set(3 , "new item 3");
adapter.notifyItemChanged(3);

交换

在这里插入图片描述

交换第 3 、 第 5 项。

第一个变化的 index 是 Math.min(3,5) ,

发生变化的 item 个数是 Math.abs(3-5) + 1 ,Math.abs(int a) 是取绝对值,也就是说 index 3/4/5 的 item 都发生了变化的。

明明只是交换 index 3 和 index 5 ,为什么 index4 也发生了变化?
在这里插入图片描述

import java.util.Collections;

Collections.swap(mList, 3 , 5);
adapter.notifyItemMoved(3,5);
adapter.notifyItemRangeChanged(Math.min(3,5) , Math.abs(3-5) + 1);

Collections.swap(List<?> list, int i, int j) 是交换列表元素。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/911771.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

华为星闪,一项将 “ 更稳 WiFi ” 和 “ 更好蓝牙 ” 融合起来的通信标准

兼顾多用途和专业化的 AI 大模型、移除安卓代码的 HarmonyOS NEXT 、给折叠屏应用提供适配方向的《 折叠屏/平板应用体验评估标准 》。。。 不过除了这些比较贴近我们普通用户&#xff0c;容易讲清楚的东西&#xff0c;华为还官宣了一个大家可能没注意的黑科技&#xff1a; 星…

麦肯锡的AI员工Lilli,上岗了!

知识革命正在咨询行业发生。8月16日&#xff0c;麦肯锡发布了AI员工Lilli。 “知识是麦肯锡的生命力。” "Knowledge is the lifeforce of McKinsey." # # “通过 Lilli&#xff0c;我们可以利用技术来获取和利用我们的全部知识和资产&#xff0c;从而将生产力提高到…

玩转“浪漫营销”,七夕节邮件营销攻略出炉

“河边织女星&#xff0c;河畔牵牛郎。未得渡清浅&#xff0c;相对遥相望。”&#xff0c;一年一度的七夕节即将到来&#xff0c;作为中国最具浪漫色彩的节日&#xff0c;七夕节不仅深受情侣们的重视&#xff0c;也是商家借此积攒人气、抢占市场、拉近与客户距离的绝佳时机。在…

企业网三层构架实验

实验题目如下&#xff1a; 实验拓扑如下&#xff1a; 实验要求如下&#xff1a; 【1】内网IP地址172.16.0.0/16 合理分配 【2】SW1/2之间互为备份 【3】VRBP/STP/VLAN/TRUNK均使用 【4】所有PC通过DHCP获取IP地址 实验思路如下&#xff1a; &#xff08;1&#xff09;合理…

Haproxy 搭建集群实验

Haproxy HAProxy是可提供高可用性、负载均衡以及基于TCP和HTTP应用的代理&#xff0c;是免费、快速并且可靠的一种解决方案。 HAProxy非常适用于并发大&#xff08;并发达1w以上&#xff09;web站点&#xff0c;这些站点通常又需要会话保持或七层处理。 HAProxy的主要特性 可…

OpenCV使用CMake和MinGW-w64的编译安装

OpenCV使用CMake和MinGW-w64的编译安装中的问题 问题&#xff1a;gcc: error: long: No such file or directory** C:\PROGRA~2\Dev-Cpp\MinGW64\bin\windres.exe: preprocessing failed. modules\core\CMakeFiles\opencv_core.dir\build.make:1420: recipe for target ‘modul…

操作系统——shell编程

文章目录 shell入门什么是 Shell&#xff1f;Shell 编程的 Hello World Shell 变量Shell 编程中的变量介绍Shell 字符串入门Shell 字符串常见操作Shell 数组 Shell 基本运算符算数运算符关系运算符逻辑运算符布尔运算符字符串运算符文件相关运算符 shell流程控制if 条件语句for…

带着问题看SpringBoot

带着问题看SpringBoot 1、Spring容器具体是什么&#xff1f; 跟进run方法&#xff0c;context this.createApplicationContext()&#xff0c;得出容器是AnnotationConfigServletWebServerApplicationContext类。 SpringApplication.run(ServeroneApplication.class, args);…

轻松实现24小时无人直播带货,只需一款无人值守手机直播软件!

现在做线上运营&#xff0c;基本上就离不开短视频平台&#xff0c;想要做好短视频平台&#xff0c;就得弄懂如何在平台上进行直播。 今年以来&#xff0c;以专帮科技为首的一些科技公司研发的手机无人直播技术得到了快速发展&#xff0c;使得越来越多的企业和个人开始使用此类…

不溶性微粒该如何检测?液体粒子计数器

不溶性微粒是什么&#xff1f; 不溶性微粒系指可流动的、随机存在于静脉注射用药物中不溶于水的微小颗粒&#xff0c;通常采用光阻法(Light Obscuration Particles Count Test)和显微计数法(Microscopic Particles Count Test)进行检测。所谓静脉注射用药物中不溶于水的微小颗…

Go与Rust的对比与分析

Rust 和 Go 是两种现代语言&#xff0c;近年来获得了巨大的关注&#xff0c;每种语言都有自己独特的优势和权衡。在这篇文章中&#xff0c;我们将深入探讨 Rust 和 Go 之间的差异&#xff0c;重点关注性能、语言功能和其他关键因素&#xff0c;以帮助您针对您的开发需求做出明智…

VS13打开后菜单中没有“生成”这个选项

小白新手学开发之vs2013下载后没有生成菜单 今天下载了vs2013竟然发现程序在调试的时候&#xff0c;菜单上没有了生成这个选项&#xff01; 很苦恼&#xff0c;上网查了半天&#xff0c;也没有找到合适的方法&#xff0c;自己琢磨吧&#xff01; 不舍得把好不容易安装的这个v…

Workspace ONE 统一端点管理系统对 Windows 多用户的支持

自从二十多年前微软推出 Active Directory&#xff08;AD&#xff09;以来&#xff0c;用户就可以使用他们在 AD 中的任何账户登录到 Windows 域连接的 PC 上&#xff0c;而该 PC 将根据他们的需求量身定制。组策略对象&#xff08;Group policy objects, GPOs&#xff09;使这…

番茄(西红柿)叶病害识别(Python代码,pyTorch框架,深度卷积网络模型,很容易替换为其它模型,带有GUI识别界面)

代码运行要求&#xff1a;Torch>1.13.1即可 1.数据集介绍&#xff1a; 每一个文件夹里装有一类病害叶子的照片&#xff0c;一共10种类别&#xff0c;每种类别下有1100张照片 从第一类到第十类分别如下图所示 2.整体文件夹 data文件夹存放的是未被划分训练集和测试集的原…

HCIP实验之三层架构

目录 一、实验题目 二、实验思路 2.1 拓扑设计&#xff08;IP地址规划&#xff09; 2.2 实施 2.3 维护 2.4 升级 涉及知识点&#xff1a; 配置顺序: 三、实验步骤 3.1 建立eth-trunk 3.2 建立vlan 3.3 划入vlan 3.4 trunk干道 3.5 STP生成树协议 3.6 调整边缘接口…

解决vant组件 van-dialog造成的页面闪动问题

解决方案&#xff1a;该问题是因为van-dialog默认是scale&#xff0c;将这个属性改为fade即可

解决express引入express-session报错require(...) is not a function

我引入的版本是7.1.0 然后就报错 换成了6.1.0 就没事了 具体的还没有探究

Android开发基础知识总结(三)简单控件(上)

一.文本显示 考虑到结构样式相分离的思想&#xff0c;我们往往在XML中设置文本 <TextViewandroid:layout_width"342dp"android:layout_height"70dp"android:text"房价计算器"android:layout_gravity"center"android:textColor"…

OLED透明屏:如何选择合适的OLED透明屏供应商?定制、安装、生产

引言&#xff1a;OLED透明屏作为一种创新的显示技术&#xff0c;正逐渐占领市场并在各个行业中得到广泛应用。 在这篇文章中&#xff0c;尼伽将为您提供OLED透明屏的品牌排名、制造过程和安装要点的综合指南&#xff0c;结合相关调查数据和报告&#xff0c;详细介绍该技术的优…