Android DataBinding库(MVVM设计模式)
来源:互联网 发布:云数据存储 编辑:程序博客网 时间:2024/05/18 00:39
什么是MVVM
说到DataBinding,就有必要先提起MVVM设计模式。
Model–View–ViewModel(MVVM) 是一个软件架构设计模式,相比MVVM,大家对MVC或MVP可能会更加熟悉。
MVC:(VIew-Model-Controller)
早期将VIew、Model、Controller代码块进行划分,使得程序大部分分离,降低耦合。
1
MVP:(VIew-Model-Presenter)由于MVC中View和Model之间的依赖太强,导致Activity中的代码过于臃肿。为了他们可以绝对独立的存在,慢慢演化出了MVP。在MVP中View并不直接使用Model,它们之间的通信是通过 Presenter (MVC中的Controller)来进行的。
2
MVVM:(Model–View–ViewModel)
MVVM可以算是MVP的升级版,将 Presenter 改名为 ViewModel。关键在于View和Model的双向绑定,当View有用户输入后,ViewModel通知Model更新数据,同理Model数据更新后,ViewModel通知View更新。
Data Binding
- 在Google I/O 2015上,伴随着Android M预览版发布的Data Binding兼容函数库。
不知道要扯什么了,还是直接上代码,来看看Data Binding的魅力吧。 - Data Binding对使用的环境还是有一定要求的(这货有点挑)
Android Studio版本在1.3以上
gradle的版本要在1.5.0-alpha1以上
需要在Android SDK manager中下载Android Support repository
然后在对应的Module的build.gradle中添加
android { .... dataBinding { enabled =true } }
创建一个User类
public class User { private String firstName; private String lastName; public User(String firstName, String lastName) { this.firstName = firstName; this.lastName = lastName; } public String getFirstName() { return this.firstName; } public String getLastName() { return this.lastName; } public void setLastName(String lastName) { this.lastName = lastName; } public void setFirstName(String firstName) { this.firstName = firstName; }}
在activity_main.xml中布局
<?xml version="1.0" encoding="utf-8"?><layout xmlns:android="http://schemas.android.com/apk/res/android"> <data> <import type="com.example.gavin.databindingtest.User"/> <variable name="user" type="User" /> </data> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:gravity="center" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{user.firstName}" android:textSize="20sp" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{user.lastName}" android:textSize="25sp" /> </LinearLayout></layout>
这里跟平时的布局有点不同,最外层是layout,里面分别是是data以及我们的布局。
data:声明了需要用到的user对象,type用于是定路径。
可以在TextView中的看到android:text="@{user.firstName}", 这是什么鬼,没见过这么写的!!!
(不急,继续往下看)
绑定数据
public class MainActivity extends AppCompatActivity { private ActivityMainBinding binding; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); binding = DataBindingUtil.setContentView(this, R.layout.activity_main); User user = new User("Micheal", "Jack"); binding.setUser(user); }}
问我ActivityMainBinding哪来的?我怎么知道…
ActivityMainBinding是根据布局文件的名字生成的,在后面加了Binding。
工作原理:
原来Data Binding 在程序代码正在编译的时候,找到所有它需要的信息。然后通过语法来解析这些表达式,最后生成一个类。
通过反编译我们可以看到,Data Binding为我们生成了databinding包,以及ActivityMainBinding类
看看我们在onCreate中最后调用的binding.setUser(user),在ActivityMainBinding中可以看到这个方法。
我想就是这个 super.requestRebind()对数据进行了绑定,至于里面怎么实现的,有待进一步研究。
上面只是用一个简单的例子,展示了Data Binding的用法,如果想在实际项目中使用,可不是上面这例子可以搞定的。下面就来说说Data Bindig的更多用法。首先消除下大家对空指针的顾虑自动生成的 DataBinding 代码会检查null,避免出现NullPointerException。例如在表达式中@{user.phone}如果user == null 那么会为user.phone设置默认值null而不会导致程序崩溃(基本类型将赋予默认值如int为0,引用类型都会赋值null)自定义DataBinding名如果不喜欢自动生成的Data Binding名,我们可以自己来定义<data class="MainBinding"> ....</data>class对应的就是生成的Data Binding名导包跟Java中的用法相似,布局文件中支持import的使用,原来的代码是这样<data> <variable name="user" type="com.example.gavin.databindingtest.User" /></data>使用import后可以写成这样: <data> <import type="com.example.gavin.databindingtest.User"/> <variable name="user" type="User" /> </data>-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=遇到相同的类名的时候:<data> <import type="com.example.gavin.databindingtest.User" alias="User"/> <import type="com.example.gavin.mc.User" alias="mcUser"/> <variable name="user" type="User"/> <variable name="mcUser" type="mcUser"/></data>使用alias设置别名,这样user对应的就是com.example.gavin.databindingtest.User,mcUser就对应com.example.gavin.mc.User,然后<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{user.firstName}"/>-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=当需要用到一些包时,在Java中可以自动导包,不过在布局文件中就没有这么方便了。需要使用import导入这些包,才能使用。如,需要用到View的时候<data> <import type="android.view.View"/></data>...<TextView...android:visibility="@{user.isStudent ? View.VISIBLE : View.GONE}"/>注意:只要是在Java中需要导入包的类,这边都需要导入,如:Map、ArrayList等,不过java.lang包里的类是可以不用导包的表达式在布局中,不仅可以使用android:text="@{user.lastName}"还可以使用表达式如:三元运算在User中添加boolean类型的isStudent属性,用来判断是否为学生。<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text='@{user.isStudent? "Student": "Other"}'android:textSize="30sp"/>注意:需要用到双引号的时候,外层的双引号改成单引号。还可以这样用<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="学生"android:visibility="@{user.isStudent ? View.VISIBLE : View.GONE}"android:textSize="30sp"/>这里用到的View需要在data中声明<data> <import type="android.view.View"/></data>注意:android:visibility="@{user.isStudent ? View.VISIBLE : View.GONE}",可能会被标记成红色,不用管它编译会通过的??除了常用的操作法,另外还提供了一个 null 的合并运算符号 ??,这是一个三目运算符的简便写法。contact.lastName ?? contact.name相当于contact.lastName != null ? contact.lastName : contact.name所支持的操作符如下:数学运算符 + - / * %字符串拼接 +逻辑运算 && ||二进制运算 & | ^一元运算符 + - ! ~位运算符 >> >>> <<比较运算符 == > < >= <=instanceofGrouping ()文字 - character, String, numeric, null类型转换 cast方法调用 methods call字段使用 field access数组使用 [] Arrary access三元运算符 ? :显示图片除了文字的设置,网络图片的显示也是我们常用的。来看看Data Binding是怎么实现图片的加载的。首先要提到BindingAdapter注解,这里创建了一个类,里面有显示图片的方法。public class ImageUtil { /** * 使用ImageLoader显示图片 * @param imageView * @param url */ @BindingAdapter({"bind:image"}) public static void imageLoader(ImageView imageView, String url) { ImageLoader.getInstance().displayImage(url, imageView); }}(这方法必须是public static的,否则会报错)这里只用了bind声明了一个image自定义属性,等下在布局中会用到。这个类中只有一个静态方法imageLoader,里面有两参数,一个是需要设置图片的view,另一个是对应的Url,这里使用了ImageLoader库加载图片。看看吧它的布局是什么样的吧<?xml version="1.0" encoding="utf-8"?><layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <data > <variable name="imageUrl" type="String"/> </data> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:gravity="center" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" app:image = "@{imageUrl}"/> </LinearLayout></layout>最后在MainActivity中绑定下数据就可以了binding.setImageUrl( "http://115.159.198.162:3000/posts/57355a92d9ca741017a28375/1467250338739.jpg");哇靠!!!就这样?我都没看出来它是怎么设置这些图片的。不管了,先看看效果。(其中的原理以后慢慢唠,这里就负责说明怎么使用,这篇已经够长了,不想再写了)
引用:http://www.cnblogs.com/longjunhao/p/5860353.html
- Android DataBinding库(MVVM设计模式)
- 【Android】DataBinding库(MVVM设计模式)
- Android DataBinding库(MVVM设计模式)
- Android DataBinding库(MVVM设计模式)
- Android DataBinding库(MVVM设计模式)
- Android DataBinding(MVVM设计模式)
- Android设计模式MVVM之DataBinding简单使用
- Android开发模式MVVM之DataBinding
- android MVVM DataBinding
- Android DataBinding && MVVM [U04]
- Android DataBinding & MVVM
- Android MVVM框架 DataBinding
- Google I/O大会 DataBinding数据绑定 MVVM设计模式
- android设计模式MVVM
- Android之MVVM开发模式和DataBinding的简单用法
- android中mvvm设计模式
- Android设计模式之MVVM
- android UI设计MVVM设计模式
- LazyMan
- java中的Date类和Calendar类
- HTML5学习笔记16-SVG
- SDL2和glfw库windows下创建到界面窗口中的简单方法
- Java的StringBuffer类
- Android DataBinding库(MVVM设计模式)
- 贪吃蛇 C/C++代码
- 412. Fizz Buzz
- JavaScript内置对象--Date类型详解
- android 去掉标题栏、无标题栏
- 九度OJ-1183-守形数
- 正则表达式详细笔记,Java
- 10.4 分割TCP 的IO程序
- OFFTIME for iOS 断线时间 给你和你的手机放个假