Android架构组件JetPack之DataBinding玩转MVVM开发实战(四)

简介: Android架构组件JetPack之DataBinding玩转MVVM开发实战(四)


public User(String name,int age,String myBlog){
this.name=name;
this.age=age;
this.myBlog=myBlog;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getMyBlog() {
return myBlog;
}
public void setMyBlog(String myBlog) {
this.myBlog = myBlog;
}
}

之后看下布局(activity_basic.xml),跟传统的布局不一样,这里需要使用作为根节点,在节点中我们可以通过节点来引入我们要使用的数据源

注意 :

※ 切记,在节点下是没有“layout_width”和“layout_height”的

type中声明的就是我们的用户实体类User,连同包名一定要写全!!!我们给其命名(name)为“user”,然后在TextView中的@{user.name}就是把这个user中的名字展示出来,之后的“age””myBlog”同理

※ age年龄在实体类User中我们定义的是整数类型,所以在布局中需要使用String.valueOf(user.age)转换为字符串

一个Binding类会基于layout文件的名称而产生,并且添加“Binding”后缀。上述的layout文件是main_basic.xml,因此生成的类名是ActivityBasicBinding。通过DataBindingUtil.setContentView获取bing实例,进行数据绑定

public class BasicActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivityBasicBinding bing= DataBindingUtil.setContentView(this, R.layout.activity_basic);
User user=new User(“donkor”,10,“http://blog.csdn.net/donkor_”);
bing.setUser(user);
}
}

运行之后看下效果图

2 . 显示照片


看完图之后,我们看下如何实现。

我们选择用glide加载一张网络图片。glide怎么在studio中使用,这里就不再讨论。如何显示一张网络图片,需要使用到DataBinding自定义属性@BindingAdapter。在布局文件中使用这个自定义属性,显示出我们要展示的布局。

还是那个实体类User,添加自定义属性@BindingAdapter({“imageUrl”})

public class User {
public String imageUrl;
public User(String imageUrl){
this.imageUrl=imageUrl;
}
/**
• 使用ImageLoader显示图片
• @param imageView
• @param url
*/
@BindingAdapter({“imageUrl”})
public static void imageLoader(ImageView imageView, String url) {
Glide.with(imageView.getContext()).load(url).into(imageView);
}
}

※ 这里要主要的是,imageLoader方法必须声明是static,否则会报错。

新建activity_image.xml,因为使用了自定义属性,所以在layout节点下要添加xmlns:app=“http://schemas.android.com/apk/res-auto”。在ImageView中使用app:imageUrl=“@{user.imageUrl}”。完整代码如下:

最后运行之后,结果如上图。我就不再发一遍了,有兴趣的朋友再拖回去看一遍,反正下面还有~~

3 . 更多用法

简单的字符拼接

简单的三目运算

判断名字是否为空,不为空只显示user.name,否则显示donkor11:

相当于

这里需要注意的是当{}中使用了双引号“”,最外层要改成单引号”

根据数据判断,显示数据

判断是否为学生,是则显示11,反则,显示00

**修改样式 **

判断是否为学生,是则修改背景颜色0xFF0000FF,反则,显示0xFFFF0000

写在之后的话,这里我们需要知道Databinding支持与不支持的表达式,语法。如下

支持的表达式:

1.Mathematical + - / * %

2.String concatenation +

3.Logical && ||

4.Binary & | ^

5.Unary + - ! ~

6.Shift >> >>> <<

7.Comparison == > < >= <=

8.instanceof

9.Grouping ()

10.Literals - character, String, numeric, null

11.Cast

12.Method calls

13.Field access

14.Array access []

15.Ternary operator ?:

不支持的表达式:

1.this

2.super

3.new

4.Explicit generic invocation

最后运行之后,看下效果图。

4 . 点击事件

单击事件

单击事件在实际开发中,使用频率有多高这里就不解释了。下面我们直接看怎么用

在data节点下的variable下type引用android.view.View.OnClickListener。

Button按钮直接引用”myClick”

长按事件

长按事件的button,首先需要分配一个id给Button

在Activity中,使用数据绑定,直接引用按钮id。完整代码如下

public class ClickActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivityClickBinding bing=DataBindingUtil.setContentView(this, R.layout.activity_click);
//事件绑定 – 单击
bing.setMyClick(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(ClickActivity.this,“发生了点击事件”,Toast.LENGTH_SHORT).show();
}
});
//事件绑定 – 长按
bing.btnLongClick.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
Toast.makeText(ClickActivity.this,“发生了长按事件”,Toast.LENGTH_SHORT).show();
return false;
}
});
}
}

最后运行之后,看下效果图。

▲5 . 绑定ListView

Listview在实际开发中使用频率同样很高,看了上面那么多例子。就知道Databinding绑定ListView一样简单。接下来看一组美图。


看完之后,能看出布局其实就是一张ImageView,底下加一个TextView。例子很简单 ,然后看下如何实现。首先需要新建一个美女的实体类,我们先定义Beauty,beautyNum就是美女底下的TextView文本。

public class Beauty {
public String beautyNum;
public String imageUrl;
public Beauty(String beautyNum, String imageUrl) {
this.beautyNum = beautyNum;
this.imageUrl = imageUrl;
}
@BindingAdapter({“imageUrl”})
public static void beautyImage(ImageView imageView, String url) {
Glide.with(imageView.getContext()).load(url).into(imageView);
}
}

然后看下主布局activity_listview.xml,在data节点下的variable下type引用android.widget.BaseAdapter。

android:layout_width=“match_parent”
android:layout_height=“match_parent”


相关文章
|
3天前
|
存储 前端开发 Java
Android MVVM框架详解与应用
在Android开发中,随着应用复杂度的增加,如何有效地组织和管理代码成为了一个重要的问题。MVVM(Model-View-ViewModel)架构模式因其清晰的结构和高效的开发效率,逐渐成为Android开发者们青睐的架构模式之一。本文将详细介绍Android MVVM框架的基本概念、优势、实现流程以及一个实际案例。
|
5天前
|
存储 算法 前端开发
JVM架构与主要组件:了解Java程序的运行环境
JVM的架构设计非常精妙,它确保了Java程序的跨平台性和高效执行。通过了解JVM的各个组件,我们可以更好地理解Java程序的运行机制,这对于编写高效且稳定的Java应用程序至关重要。
19 3
|
4天前
|
存储 缓存 Java
Eureka原理与实践:深入探索微服务架构的核心组件
在微服务架构日益盛行的今天,服务之间的注册与发现成为了保证系统高可用性和灵活性的关键。Eureka,作为Netflix开源的服务注册与发现框架,凭借其简单、健壮的特性,在微服务领域占据了举足轻重的地位。本文将深入剖析Eureka的原理,并通过实践案例展示其在实际项目中的应用,以期为开发者提供一个高端、深入的视角。
11 0
|
1月前
|
存储 前端开发 测试技术
Android Kotlin中使用 LiveData、ViewModel快速实现MVVM模式
使用Kotlin实现MVVM模式是Android开发的现代实践。该模式分离UI和业务逻辑,借助LiveData、ViewModel和DataBinding增强代码可维护性。步骤包括创建Model层处理数据,ViewModel层作为数据桥梁,以及View层展示UI。添加相关依赖后,Model类存储数据,ViewModel类通过LiveData管理变化,而View层使用DataBinding实时更新UI。这种架构提升代码可测试性和模块化。
99 2
|
2月前
|
SQL 存储 关系型数据库
深入OceanBase内部机制:系统架构与组件精讲
深入OceanBase内部机制:系统架构与组件精讲
深入OceanBase内部机制:系统架构与组件精讲
|
1月前
|
消息中间件 API 数据库
在微服务架构中,每个服务通常都是一个独立运行、独立部署、独立扩展的组件,它们之间通过轻量级的通信机制(如HTTP/RESTful API、gRPC等)进行通信。
在微服务架构中,每个服务通常都是一个独立运行、独立部署、独立扩展的组件,它们之间通过轻量级的通信机制(如HTTP/RESTful API、gRPC等)进行通信。
|
19天前
|
机器学习/深度学习 人工智能 算法
探索AI在医疗影像分析中的应用探索安卓开发中的自定义View组件
【7月更文挑战第31天】随着人工智能技术的飞速发展,其在医疗健康领域的应用日益广泛。本文将聚焦于AI技术在医疗影像分析中的运用,探讨其如何通过深度学习模型提高诊断的准确性和效率。我们将介绍一些关键的深度学习算法,并通过实际代码示例展示这些算法是如何应用于医学影像的处理和分析中。文章旨在为读者提供对AI在医疗领域应用的深刻理解和实用知识。
22 0
|
2月前
|
API Android开发 开发者
`RecyclerView`是Android API 21引入的UI组件,用于替代ListView和GridView
【6月更文挑战第26天】`RecyclerView`是Android API 21引入的UI组件,用于替代ListView和GridView。它提供高效的数据视图复用,优化的布局管理,支持多种布局(如线性、网格),并解耦数据、适配器和视图。RecyclerView的灵活性、性能(如局部刷新和动画支持)和扩展性使其成为现代Android开发的首选,特别是在处理大规模数据集时。
36 2
|
2月前
|
Android开发 Kotlin
Android面试题 之 Kotlin DataBinding 图片加载和绑定RecyclerView
本文介绍了如何在Android中使用DataBinding和BindingAdapter。示例展示了如何创建`MyBindingAdapter`,包含一个`setImage`方法来设置ImageView的图片。布局文件使用`&lt;data&gt;`标签定义变量,并通过`app:image`调用BindingAdapter。在Activity中设置变量值传递给Adapter处理。此外,还展示了如何在RecyclerView的Adapter中使用DataBinding,如`MyAdapter`,在子布局`item.xml`中绑定User对象到视图。关注公众号AntDream阅读更多内容。
39 1
|
2月前
|
搜索推荐 Android开发 开发者
Android 自定义组件
Android 自定义组件
18 0