iT邦幫忙

2021 iThome 鐵人賽

DAY 16
0

使用DataBinding,首先在build.gradle (Module: app)裡增加

android {
    ....
    dataBinding {
        enabled = true
    }
}

activity_main:

  1. DataBinding 的介面佈局檔以 標籤包起來
  2. 並在中定義 標籤
  3. 在裡面接著定義 標籤,其中帶有兩個屬性,分別是 name 與 type,name 則代表了這個類別在這份 activity_main.xml 佈局檔中的變數名稱,而type 用來告知這個 variable 所代表的類別
  4. @{}會寫在android:text這個 attribute 的 property 中,代表著 user 變數中的 firstName 屬性將會被綁定到這個 textView 的 text 屬性上
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
   <data>
       <variable name="user" type="com.example.User"/>
   </data>
   
   <LinearLayout
       android:orientation="vertical"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
       <TextView android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="@{user.firstName}"/>
           
       <TextView android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="@{user.lastName}"/>
   </LinearLayout>
</layout>

User:
資料物件可以有兩種方法做綁定:

  1. 直接呼叫該物件屬性 user.firstName
public class User {
  public final String firstName;
  public final String lastName;
  public User(String firstName, String lastName) {
      this.firstName = firstName;
      this.lastName = lastName;
  }
}
  1. 呼叫物件提供的方法 user.getFirstName()
public class User {
  private final String firstName;
  private final 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;
  }
}

MainActivity:

public class MainActivity extends AppCompatActivity
{
    @Override
    protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       // 在onCreate階段產生binding物件
       ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
       // 產生資料物件
       User user = new User("Test", "User");
       // 綁定到物件上?
       binding.setUser(user);
    }
}

謝謝大家願意花時間閱讀,小弟弟我在此鞠躬/images/emoticon/emoticon41.gif


上一篇
[Lesson15] RxJava
下一篇
[Lesson17] MVP
系列文
刮掉Web Development的我,與撿到的Android Development30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言