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”


目录
打赏
0
0
0
0
80
分享
相关文章
为什么大厂要求安卓开发者掌握Kotlin和Jetpack?深度解析现代Android开发生态优雅草卓伊凡
为什么大厂要求安卓开发者掌握Kotlin和Jetpack?深度解析现代Android开发生态优雅草卓伊凡
72 0
为什么大厂要求安卓开发者掌握Kotlin和Jetpack?深度解析现代Android开发生态优雅草卓伊凡
Android企业级实战-界面篇-3
本文是《Android企业级实战-界面篇》系列的第三篇,主要介绍分割线和条形跳转框的实现方法,二者常用于设置和个人中心界面。文章通过具体代码示例展示了如何实现这两种UI组件,并提供了效果图。实现前需准备`dimens.xml`、`ids.xml`、`colors.xml`等文件,部分资源可参考系列第一、二篇文章。代码中详细说明了布局文件的配置,如分割线的样式定义和条形跳转框的组件组合,帮助开发者快速上手并应用于实际项目中。
Termux安卓终端美化与开发实战:从下载到插件优化,小白也能玩转Linux
Termux是一款安卓平台上的开源终端模拟器,支持apt包管理、SSH连接及Python/Node.js/C++开发环境搭建,被誉为“手机上的Linux系统”。其特点包括零ROOT权限、跨平台开发和强大扩展性。本文详细介绍其安装准备、基础与高级环境配置、必备插件推荐、常见问题解决方法以及延伸学习资源,帮助用户充分利用Termux进行开发与学习。适用于Android 7+设备,原创内容转载请注明来源。
746 76
Android企业级实战-界面篇-2
本文为《Android企业级实战-界面篇》系列第二篇,主要介绍三个UI模块的实现:用户资料模块、关注与粉丝统计模块以及喜欢和收藏功能模块。通过详细的XML代码展示布局设计,包括dimens、ids、colors配置文件的使用,帮助开发者快速构建美观且功能齐全的界面。文章结合实际效果图,便于理解和应用。建议配合第一篇文章内容学习,以获取完整工具类支持。
Android企业级实战-界面篇-1
本文详细介绍了Android企业级开发中界面实现的过程,涵盖效果展示、实现前准备及代码实现。作者通过自身经历分享了Android开发经验,并提供了`dimens.xml`、`ids.xml`、`colors.xml`和`strings.xml`等配置文件内容,帮助开发者快速构建规范化的UI布局。文章以一个具体的用户消息界面为例,展示了如何使用线性布局(LinearLayout)和相对布局(RelativeLayout)实现功能模块排列,并附带注意事项及使用方法,适合初学者和进阶开发者参考学习。
后端服务架构的微服务化转型
本文旨在探讨后端服务从单体架构向微服务架构转型的过程,分析微服务架构的优势和面临的挑战。文章首先介绍单体架构的局限性,然后详细阐述微服务架构的核心概念及其在现代软件开发中的应用。通过对比两种架构,指出微服务化转型的必要性和实施策略。最后,讨论了微服务架构实施过程中可能遇到的问题及解决方案。
云计算的未来:云原生架构与微服务的革命####
【10月更文挑战第21天】 随着企业数字化转型的加速,云原生技术正迅速成为IT行业的新宠。本文深入探讨了云原生架构的核心理念、关键技术如容器化和微服务的优势,以及如何通过这些技术实现高效、灵活且可扩展的现代应用开发。我们将揭示云原生如何重塑软件开发流程,提升业务敏捷性,并探索其对企业IT架构的深远影响。 ####
186 3
云原生架构下的微服务治理与挑战####
随着云计算技术的飞速发展,云原生架构以其高效、灵活、可扩展的特性成为现代企业IT架构的首选。本文聚焦于云原生环境下的微服务治理问题,探讨其在促进业务敏捷性的同时所面临的挑战及应对策略。通过分析微服务拆分、服务间通信、故障隔离与恢复等关键环节,本文旨在为读者提供一个关于如何在云原生环境中有效实施微服务治理的全面视角,助力企业在数字化转型的道路上稳健前行。 ####
云原生时代的应用架构演进:从微服务到 Serverless 的阿里云实践
云原生技术正重塑企业数字化转型路径。阿里云作为亚太领先云服务商,提供完整云原生产品矩阵:容器服务ACK优化启动速度与镜像分发效率;MSE微服务引擎保障高可用性;ASM服务网格降低资源消耗;函数计算FC突破冷启动瓶颈;SAE重新定义PaaS边界;PolarDB数据库实现存储计算分离;DataWorks简化数据湖构建;Flink实时计算助力风控系统。这些技术已在多行业落地,推动效率提升与商业模式创新,助力企业在数字化浪潮中占据先机。
239 12
从单体到微服务:如何借助 Spring Cloud 实现架构转型
**Spring Cloud** 是一套基于 Spring 框架的**微服务架构解决方案**,它提供了一系列的工具和组件,帮助开发者快速构建分布式系统,尤其是微服务架构。
524 70
从单体到微服务:如何借助 Spring Cloud 实现架构转型

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等