當(dāng)前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

学学Viewbinding

發(fā)布時間：2024/8/26 综合教程 21 生活家

生活随笔收集整理的這篇文章主要介紹了学学Viewbinding 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

Viewbinding

1.環(huán)境需求

環(huán)境上，需要Android Studio 3.6 Canary 11+

同樣的Gradle也需要升級（這年頭都4.0了，應(yīng)該沒有還在用低版本的了吧...）

2.配置viewbinding

gradle 版本在 3.6 - 3.9 以上的：

在 app文件夾 下的 build.grale 里面添加

android {
    ...
    viewBinding {
        enabled = true
    }
}

如果你的 gradle 是 4.0+ ,那么需要改一下寫法

android {
    ...
    buildFeatures {
        viewBinding true
    }
}

否則可能會報一個warnning，雖然不改并大概率不影響使用，但作為一個優(yōu)秀程序員湊合了事可不是什么好習(xí)慣

DSL element 'android.viewBinding.enabled' is obsolete and has been replaced with 'android.buildFeatures.viewBinding'.

3.用法

原理

Viewbinding 的原理就是根據(jù) id 在 build 文件夾下生成對應(yīng)的 java類，然后在 java類里面自動幫你 findViewById（對，沒錯，原理還是findViewById，并沒什么新鮮的），布局文件里面的子控件，就對應(yīng) java類里面的 field（成員變量）
然后你就可以調(diào)用 java 類來操作控件

對應(yīng)生成的java類文件，名字就是刪除下劃線再加 Binding

例如：activity_main.xml ==> ActivityMainBinding.java

某些布局不用viewbinding

如果你不希望某個布局（layout）被 Viewbinding 所“控制”（生成java類文件）,那就添加 tools:viewBindingIgnore="true"

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:viewBindingIgnore="true">
    ...

</LinearLayout>

Tip：可能這里你有一個騷操作——我布局采用 Viewbinding 但，某個控件不用，我自己 findViewById ，想法不錯，但是Google不同意，在子布局或控件里加 tools:viewBindingIgnore="true" 是無效的

實(shí)戰(zhàn)

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

</LinearLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {

    private ActivityMainBinding mMainBinding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mMainBinding = ActivityMainBinding.inflate(getLayoutInflater());
        setContentView(mMainBinding.getRoot());
    }
}

這個代碼用法非常簡單，就是聲明一個Viewbinding幫我們生成的ActivityMainBinding，然后用inflate加載他，getRoot就是獲得他的根布局，跟R.layout.activity_main是一個東西。

inflate我多說兩句

inflate 跟Layoutinflate的inflate不是一個方法，但用法類似。
作用就是加載布局（初始化ViewBinding）

源碼是

  @NonNull
  public static ActivityMainBinding inflate(@NonNull LayoutInflater inflater) {
    return inflate(inflater, null, false);
  }

  @NonNull
  public static ActivityMainBinding inflate(@NonNull LayoutInflater inflater, @Nullable ViewGroup parent, boolean attachToParent) {
    View root = inflater.inflate(R.layout.activity_main, parent, false);
    if (attachToParent) {
      parent.addView(root);
    }
    return bind(root);
  }

一共兩個重載，還是很好理解的，用過LayoutInflate的肯定一看就明白

如果parent為null，attachToParent將失去作用，設(shè)置任何值都沒有意義。

如果parent不為null，attachToParent設(shè)為true，則會給加載的布局文件的指定一個父布局，即parent。

如果parent不為null，attachToParent設(shè)為false，則會將布局文件最外層的所有l(wèi)ayout屬性進(jìn)行設(shè)置，當(dāng)該view被添加到父view當(dāng)中時，這些layout屬性會自動生效。

在不設(shè)置attachToParent參數(shù)的情況下，如果parent不為null，attachToParent參數(shù)默認(rèn)為true。

加載控件（套娃模式）

我們先在 activity_main.xml 添加一個textView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#FF8686"
        android:text="111"**
        android:textSize="40sp" />

</LinearLayout>

再在 MainActivity 里面編寫調(diào)用代碼

public class MainActivity extends AppCompatActivity {

    private ActivityMainBinding mMainBinding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mMainBinding = ActivityMainBinding.inflate(getLayoutInflater());
        setContentView(mMainBinding.getRoot());

        mMainBinding.text.setText("dududududu");
    }
}

調(diào)用很簡單，直接 mMainBinding.text.settext就可以了，這跟我們之前說的將控件生成為java類的成員變量也十分符合。

可我為什么稱它為套娃模式呢？？？我們再嘗試添加一個嵌套一個layout試試

新建一個布局叫：layout_include.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/include_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="50sp" />

</FrameLayout>

再修改 activity_main.xml 的內(nèi)容，將layout_include加載進(jìn)去

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    ...>

    <TextView
     ... />

    <include 
        android:id="@+id/include"
        layout="@layout/layout_include" />
</LinearLayout>

那么我們怎么調(diào)用 layout_include.xml 里面的 textview 呢？？？

我們修改MainActivity里面的代碼

public class MainActivity extends AppCompatActivity {

    private ActivityMainBinding mMainBinding;
    private LayoutIncludeBinding mIncludeBinding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mMainBinding = ActivityMainBinding.inflate(getLayoutInflater());
        setContentView(mMainBinding.getRoot());

        mMainBinding.text.setText("dududududu");

        mMainBinding.include.includeText.setText("qqqqqqqqqqq");

    }
}

這就是套娃模式（當(dāng)然名字是我起的）

 mMainBinding.include.includeText.setText("qqqqqqqqqqq");

在布局嵌套多的時候，層層調(diào)用。
這也很好理解， mMainBinding.include 這返回的是layout_include

 mMainBinding.include.includeText.setText("qqqqqqqqqqq");

這行就是 layout_include 調(diào)用自己的includeText。

別以為到這你就全會了，萬一有一個布局用了 merge 怎么辦？？？

用到merge

merge是一個解決父布局多余嵌套的一個標(biāo)簽，他不會最終加載到布局里，更多的是作為一個標(biāo)志存在

**比如我們修改 layout_include.xml **

<?xml version="1.0" encoding="utf-8"?>
<merge
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/include_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="50sp" />

</merge>

這時候你再運(yùn)行肯定就報錯了，那是因?yàn)椋琺erge并不會加載到布局里，而我們又給 include 添加了id，所以Viewbinding在生成 java類的時候，隨著id找過來，發(fā)現(xiàn)是merge，無從下手，就奔潰了。

怎么解決這個問題呢？？

將include的id去掉不就行了， ^O

你這會兒肯定又不樂意了，去掉怎么調(diào)用 include_text 呢？？？

細(xì)心的小可愛肯定發(fā)現(xiàn)了上面的inflate的源碼，第一個重載調(diào)用第二個重載，第二個返回 bind(root) 。

bind 就是我們需要用到的方法了。

public class MainActivity extends AppCompatActivity {

    private ActivityMainBinding mMainBinding;
    private LayoutIncludeBinding mIncludeBinding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mMainBinding = ActivityMainBinding.inflate(getLayoutInflater());
        setContentView(mMainBinding.getRoot());
        ...

        mIncludeBinding = LayoutIncludeBinding.bind(mMainBinding.getRoot());
        mIncludeBinding.includeText.setText("lalala");
    }
}

我們先聲明了一個 LayoutIncludeBinding ，然后調(diào)用 LayoutIncludeBinding.bind(mMainBinding.getRoot()) 將其初始化，也就是將他綁定到 mMainBinding.getRoot() 上，也就是他的父布局。
這時候我們再調(diào)用 mIncludeBinding.includeText.setText("lalala"); 就沒問題了

到此，關(guān)于ViewBinding基本都已經(jīng)學(xué)完了，其他使用上的一些技巧就交給大家去探索了！

總結(jié)

以上是生活随笔為你收集整理的学学Viewbinding的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

ViewBinding

上一篇：教你如何快速设定自动关机电脑自动关机如何
下一篇：电脑换了新硬盘电脑硬盘如何更换