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”


相关文章
|
1天前
|
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()`。
|
1天前
|
JavaScript 前端开发 Android开发
kotlin安卓在Jetpack Compose 框架下使用webview , 网页中的JavaScript代码如何与native交互
在Jetpack Compose中使用Kotlin创建Webview组件,设置JavaScript交互:`@Composable`函数`ComposableWebView`加载网页并启用JavaScript。通过`addJavascriptInterface`添加`WebAppInterface`类,允许JavaScript调用Android方法如播放音频。当页面加载完成时,执行`onWebViewReady`回调。
|
2天前
|
设计模式 消息中间件 运维
微服务架构在后端开发中的应用与挑战
微服务架构作为一种现代软件开发方法,带来了灵活性、可扩展性和高效性,但同时也引发了诸如复杂性管理、数据一致性等新的挑战。本文深入探讨了微服务架构在后端开发中的应用场景,以及应对这些挑战的策略。
8 0
|
2天前
|
安全 Android开发 iOS开发
探索Android与iOS开发的差异:平台特性与用户体验的对比分析
在移动应用开发的广阔天地中,Android和iOS两大阵营各据一方。本文将深入探讨这两个操作系统在开发环境、编程语言、用户界面设计及市场分布等方面的主要区别。通过比较分析,我们将揭示各自平台的特有优势,并讨论如何根据目标受众和业务需求选择适合的开发平台。
|
3天前
|
安全 网络安全 API
kotlin安卓开发JetPack Compose 如何使用webview 打开网页时给webview注入cookie
在Jetpack Compose中使用WebView需借助AndroidView。要注入Cookie,首先在`build.gradle`添加WebView依赖,如`androidx.webkit:webkit:1.4.0`。接着创建自定义`ComposableWebView`,通过`CookieManager`设置接受第三方Cookie并注入Cookie字符串。最后在Compose界面使用这个自定义组件加载URL。注意Android 9及以上版本可能需要在网络安全配置中允许第三方Cookie。
|
3天前
|
前端开发 JavaScript Android开发
手机APP开发|基于安卓APP实现掌上党支部——党员app
手机APP开发|基于安卓APP实现掌上党支部——党员app
|
3天前
|
安全 Java Android开发
探索Android与iOS开发的差异与挑战
在移动应用开发的广阔天地里,Android和iOS两大平台各自占据半壁江山。本文将深入探讨这两个平台的开发环境、工具、语言以及设计理念的差异,并分析这些差异给开发者带来的挑战。我们将从多个角度出发,包括用户界面设计、性能优化、安全性考量、以及市场分布等方面,为读者提供一个全面的视角,以理解在这两个平台上进行开发时需要考虑的关键因素。
|
4天前
|
监控 Cloud Native 开发者
云原生技术浪潮下的微服务架构实践
云原生技术正引领着现代软件开发的潮流,其中微服务架构作为其核心理念之一,为复杂应用提供了灵活、可扩展的解决方案。本文将探讨在云原生环境下实施微服务架构的策略和挑战,并结合实际案例分析微服务设计的最佳实践,旨在为开发者提供一套可行的微服务部署与管理指南。
|
4天前
|
消息中间件 监控 API
构建微服务架构:从理论到实践的全面指南
本文将深入探讨微服务架构的设计原则、实施步骤和面临的挑战。与传统的单体架构相比,微服务通过其独立性、可伸缩性和灵活性,为现代应用开发提供了新的视角。文章将介绍如何从零开始规划和部署一个微服务系统,包括选择合适的技术栈、处理数据一致性问题以及实现服务间通信。此外,我们还将讨论在迁移至微服务架构过程中可能遇到的技术和组织挑战,以及如何克服这些难题以实现顺利过渡。
|
1天前
|
负载均衡 安全 API
探索微服务架构中的API网关模式
【6月更文挑战第15天】在这篇文章中,我们将深入探讨微服务架构中的一个关键组件——API网关。我们将了解API网关的作用、设计原则以及如何在实际项目中实现它。通过阅读本文,您将获得关于如何优化和保护您的微服务架构的实用见解。