【JetPack】视图绑定 ( ViewBinding ) 各种应用 ( 视图绑定两种方式 | Activity 布局 | 对话框布局 | 自定义组件布局 | RecyclerView 列表布局 )

简介: 【JetPack】视图绑定 ( ViewBinding ) 各种应用 ( 视图绑定两种方式 | Activity 布局 | 对话框布局 | 自定义组件布局 | RecyclerView 列表布局 )

文章目录

I . 视图绑定 ( ViewBinding ) 界面的两种方式

II . Activity 界面中 应用 视图绑定 ( ViewBinding )

III . Dialog 对话框界面中 应用 视图绑定 ( ViewBinding )

IV . 自定义组件 应用 视图绑定 ( ViewBinding )

V . RecyclerView 列表布局 应用 视图绑定 ( ViewBinding )

VI . GitHub 代码地址



I . 视图绑定 ( ViewBinding ) 界面的两种方式


1 . ViewBinding 视图绑定类提供了两种与界面的绑定方式 , 分别是


① XxxBinding.inflate( LayoutInflater )


② XxxBinding.inflate( LayoutInflater , ViewParent, attachToRoot )


两种方式 ; ( XxxBinding 是视图绑定类 )



2 . XxxBinding.inflate( LayoutInflater ) 与界面绑定 : 这种方式加载的布局与界面关联性不大 , 需要调用额外的函数 , 将视图绑定类与界面进行绑定 , Activity 界面 与 Dialog 对话框 , 就使用这种绑定方式 ;



3 . XxxBinding.inflate( LayoutInflater , ViewParent, attachToRoot ) 直接与界面绑定 : 自定义布局组件 和 RecyclerView 适配器中为条目加载布局选项 , 就是使用的这种方式 , 调用该方法后 , 可以直接与界面进行绑定 , 界面中显示的就是 XxxBinding 对应的布局内容 ;




II . Activity 界面中 应用 视图绑定 ( ViewBinding )


Activity 界面中 应用 视图绑定 ( ViewBinding ) :



① 获取视图绑定类 : 使用 ActivityMainBinding.inflate(getLayoutInflater()) 只是单纯的加载布局 ;


② 关联界面 : 还需要调用 setContentView(binding.getRoot()) 方法 , 将 视图绑定类与 Activity 界面关联 , 此时才能通过视图绑定类获取组件 , 进而控制 UI 界面 ;



public class MainActivity extends AppCompatActivity {
    /**
     * 视图绑定类 对象
     */
    private ActivityMainBinding binding;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 1 . 获取视图绑定类
        binding = ActivityMainBinding.inflate(getLayoutInflater());
        // 2 . 关联视图绑定类 与 Activity
        setContentView(binding.getRoot());
        // 3 . 使用视图绑定类设置
        binding.textView.setText("视图绑定 ( ViewBinding ) 示例");
        // 4 . 视同视图绑定类获取按钮 , 并未按钮设置点击事件
        binding.button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ViewBindingDialog dialog = new ViewBindingDialog(MainActivity.this);
                dialog.show();
            }
        });
        // 5 . 设置 Recycler View
        // 5.1  为 RecyclerView 列表设置布局管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(RecyclerView.VERTICAL);
        binding.recyclerView.setLayoutManager(layoutManager);
        // 5.2 为 RecyclerView 列表设置适配器
        binding.recyclerView.setAdapter(new Adapter());
    }
}




III . Dialog 对话框界面中 应用 视图绑定 ( ViewBinding )


Dialog 对话框界面中 应用 视图绑定 ( ViewBinding ) : 该界面与 Activity 界面用法基本相同 ;



① 获取视图绑定类 : 使用 DialogBinding binding = DialogBinding.inflate(getLayoutInflater()) 只是单纯的加载布局 ;


② 关联界面 : 还需要调用 setContentView(binding.getRoot()) 方法 , 将 视图绑定类与 Dialog 对话框界面关联 , 此时才能通过视图绑定类获取组件 , 进而控制 UI 界面 ;


package kim.hsl.vb;
import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.recyclerview.widget.RecyclerView;
import kim.hsl.vb.databinding.DialogBinding;
public class ViewBindingDialog extends Dialog {
    public ViewBindingDialog(@NonNull Context context) {
        super(context);
    }
    public ViewBindingDialog(@NonNull Context context, int themeResId) {
        super(context, themeResId);
    }
    protected ViewBindingDialog(@NonNull Context context, boolean cancelable,
                                @Nullable OnCancelListener cancelListener) {
        super(context, cancelable, cancelListener);
    }
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 1 . 获取视图绑定类
        DialogBinding binding = DialogBinding.inflate(getLayoutInflater());
        // 2 . 设置对话框布局
        setContentView(binding.getRoot());
        // 3 . 通过视图绑定类访问布局中的视图组件
        binding.textView.setText("视图绑定对话框示例 \nDialogBinding");
        // 4 . 设置对话框大小 ( 仅做参考 美观处理 与主题无关 )
        WindowManager.LayoutParams params = getWindow().getAttributes();
        params.width = WindowManager.LayoutParams.MATCH_PARENT;
        params.height = 400;
        getWindow().setAttributes(params);
    }   
}


效果展示 :


image.png




IV . 自定义组件 应用 视图绑定 ( ViewBinding )


自定义组件 应用 视图绑定 ( ViewBinding ) :



① 自定义组件首先是 ViewGroup 子类 , View 子类无法使用视图绑定 ;


② 初始化视图绑定类并关联界面 : 使用 MyViewBinding binding = MyViewBinding.inflate(inflater, this, true) 进行视图绑定初始化 , 及 关联界面操作 , 其中的 this 就是 ViewGroup 类型的 , 即组件本身 , 调用上述方法 , 可以将两个操作都完成 ;



package kim.hsl.vb;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.os.Build;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import androidx.annotation.Nullable;
import androidx.annotation.RequiresApi;
import kim.hsl.vb.databinding.MyViewBinding;
public class ViewBindingView extends LinearLayout {
    /**
     * 在代码中创建组件调用该构造函数
     * @param context
     */
    public ViewBindingView(Context context) {
        super(context);
    }
    /**
     * 在 xml 布局文件中使用该组件 , 并且还定义了自定义属性 , 调用该构造函数
     * @param context
     * @param attrs
     */
    public ViewBindingView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        // 1 . 获取布局加载器
        LayoutInflater inflater = LayoutInflater.from(this.getContext());
        // 2 . 获取视图绑定类
        //     需要将视图绑定类 与 本自定义 LinearLayout 进行关联
        MyViewBinding binding = MyViewBinding.inflate(inflater, this, true);
        // 3 . 通过视图绑定类访问布局中的 TextView 布局
        binding.textView.setText("视图绑定自定义组件示例\nMyViewBinding");
    }
    public ViewBindingView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    public ViewBindingView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //绘制黄色背景
        canvas.drawColor(Color.YELLOW);
    }
}



V . RecyclerView 列表布局 应用 视图绑定 ( ViewBinding )


RecyclerView 列表布局 应用 视图绑定 ( ViewBinding ) :


① 视图绑定需要在 Adapter 适配器的 onCreateViewHolder( ) 方法中进行初始化 , 只有在这里才能拿到 ViewGroup parent 关联组件的父类容器 ;
② 初始化视图绑定类并关联界面 : 使用 ItemBinding binding = ItemBinding.inflate(LayoutInflater.from(MainActivity.this) , parent, false) 进行视图绑定初始化 , 及 关联界面操作 , 其中的 this 就是 ViewGroup 类型的 , 即组件本身 , 调用上述方法 , 可以将两个操作都完成 ;
③ 自定义 ViewHolder 构造函数 : public ViewHolder(ItemBinding binding) 传入视图绑定类 , 在构造函数中使用视图绑定类初始化 ViewHolder 中的组件 , 注意别忘了先调用父类的方法 ;
    class Adapter extends RecyclerView.Adapter<Adapter.ViewHolder>{
        @NonNull
        @Override
        public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            ItemBinding binding = ItemBinding.inflate(LayoutInflater.from(MainActivity.this) , parent, false);
            return new ViewHolder(binding);
        }
        @Override
        public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
            holder.textView.setText("第 " + position + " 行");
            if(position % 2 == 0){
                holder.textView.setBackgroundColor(Color.YELLOW);
            }else{
                holder.textView.setBackgroundColor(Color.WHITE);
            }
        }
        @Override
        public int getItemCount() {
            return 10;
        }
        class ViewHolder extends RecyclerView.ViewHolder{
            TextView textView;
            /**
             * 自定义的构造函数 , 需要传入 视图绑定类
             * @param binding
             *            列表项布局的视图绑定类
             */
            public ViewHolder(ItemBinding binding) {
                super(binding.getRoot());
                this.textView = binding.textView;
            }
        }
    }



效果展示 :


image.png




VI . GitHub 代码地址


GitHub 代码地址 : https://github.com/han1202012/001_JetPack_ViewBinding


目录
相关文章
|
6月前
|
存储 设计模式 数据库
构建高效的安卓应用:探究Android Jetpack架构组件
【4月更文挑战第20天】 在移动开发的世界中,构建一个既高效又可维护的安卓应用是每个开发者追求的目标。随着Android Jetpack的推出,Google为开发者提供了一套高质量的库、工具和指南,以简化应用程序开发流程。本文将深入探讨Jetpack的核心组件之一——架构组件,并展示如何将其应用于实际项目中,以提升应用的响应性和稳定性。我们将通过分析这些组件的设计原则,以及它们如何协同工作,来揭示它们对于构建现代化安卓应用的重要性。
|
5月前
|
存储 数据库 Android开发
安卓Jetpack Compose+Kotlin,支持从本地添加音频文件到播放列表,支持删除,使用ExoPlayer播放音乐
为了在UI界面添加用于添加和删除本地音乐文件的按钮,以及相关的播放功能,你需要实现以下几个步骤: 1. **集成用户选择本地音乐**:允许用户从设备中选择音乐文件。 2. **创建UI按钮**:在界面中创建添加和删除按钮。 3. **数据库功能**:使用Room数据库来存储音频文件信息。 4. **更新ViewModel**:处理添加、删除和播放音频文件的逻辑。 5. **UI实现**:在UI层支持添加、删除音乐以及播放功能。
|
6月前
|
存储 安全 Android开发
构建高效的Android应用:Kotlin与Jetpack的结合
【5月更文挑战第31天】 在移动开发的世界中,Android 平台因其开放性和广泛的用户基础而备受开发者青睐。随着技术的进步和用户需求的不断升级,开发一个高效、流畅且易于维护的 Android 应用变得愈发重要。本文将探讨如何通过结合现代编程语言 Kotlin 和 Android Jetpack 组件来提升 Android 应用的性能和可维护性。我们将深入分析 Kotlin 语言的优势,探索 Jetpack 组件的核心功能,并通过实例演示如何在实际项目中应用这些技术。
|
1月前
|
测试技术 数据库 Android开发
深入解析Android架构组件——Jetpack的使用与实践
本文旨在探讨谷歌推出的Android架构组件——Jetpack,在现代Android开发中的应用。Jetpack作为一系列库和工具的集合,旨在帮助开发者更轻松地编写出健壮、可维护且性能优异的应用。通过详细解析各个组件如Lifecycle、ViewModel、LiveData等,我们将了解其原理和使用场景,并结合实例展示如何在实际项目中应用这些组件,提升开发效率和应用质量。
44 6
|
5月前
|
JavaScript Java Android开发
kotlin安卓在Jetpack Compose 框架下跨组件通讯EventBus
**EventBus** 是一个Android事件总线库,简化组件间通信。要使用它,首先在Gradle中添加依赖`implementation &#39;org.greenrobot:eventbus:3.3.1&#39;`。然后,可选地定义事件类如`MessageEvent`。在活动或Fragment的`onCreate`中注册订阅者,在`onDestroy`中反注册。通过`@Subscribe`注解方法处理事件,如`onMessageEvent`。发送事件使用`EventBus.getDefault().post()`。
|
6月前
|
Java 数据库 Android开发
构建高效Android应用:Kotlin与Jetpack的完美结合
【5月更文挑战第28天】 在现代移动开发领域,Android平台以其广泛的用户基础和开放性受到开发者青睐。随着技术的不断进步,Kotlin语言以其简洁性和功能性成为Android开发的首选。而Android Jetpack组件则为开发者提供了一套高质量的设计架构、工具和UI组件,以简化应用程序的开发过程。本文将探讨如何利用Kotlin语言和Android Jetpack组件共同构建一个高效的Android应用程序,涵盖从语言特性到架构模式的全面分析,并提供具体的实践指导。
|
6月前
|
XML Java Android开发
安卓开发新趋势:Jetpack Compose的兴起与应用
【5月更文挑战第25天】随着移动开发技术的不断演进,安卓平台的创新也在持续推进。近年来,一个名为Jetpack Compose的新工具集引起了开发者社区的广泛关注。本文将深入探讨Jetpack Compose的核心概念、优势以及它对现有安卓开发模式的影响,并分析其在实际项目中的应用潜力。
|
6月前
|
安全 数据库 Android开发
构建高效Android应用:采用Kotlin与Jetpack的实践指南
【5月更文挑战第22天】 在移动开发领域,Android系统因其开放性和广泛的用户基础而备受开发者青睐。随着技术的不断演进,Kotlin语言以其简洁性和功能性成为Android开发的首选语言。本文将深入探讨如何结合Kotlin和Android Jetpack组件来构建一个高效且易于维护的Android应用。我们将重点讨论如何使用Jetpack的核心组件,如LiveData、ViewModel和Room,以及Kotlin的语言特性来优化代码结构,提高应用性能,并简化数据管理。通过具体案例分析,本文旨在为开发者提供一套实用的技术指导,帮助他们在竞争激烈的市场中脱颖而出。
|
6月前
|
前端开发 Android开发
Android架构组件JetPack之DataBinding玩转MVVM开发实战(四)
Android架构组件JetPack之DataBinding玩转MVVM开发实战(四)
Android架构组件JetPack之DataBinding玩转MVVM开发实战(四)
|
6月前
|
安全 Android开发 开发者
构建高效Android应用:采用Kotlin与Jetpack的实践指南
【4月更文挑战第30天】 在移动开发领域,随着技术的不断进步,为了提高应用的性能和用户体验,开发者们不断地探索新的工具和框架。对于Android平台而言,Kotlin语言以其简洁性和功能性成为了开发的首选。而Jetpack组件则提供了一套高质量的库、工具和指南,帮助开发者更轻松地构建高质量的应用程序。本文将探讨如何结合Kotlin语言和Jetpack组件来优化Android应用的开发流程,提升应用性能,并保证代码的可维护性和可扩展性。