📜  Android中的数据绑定示例

📅  最后修改于: 2022-05-13 01:55:11.243000             🧑  作者: Mango

Android中的数据绑定示例

在 Android 中,数据绑定库是一个支持库,它允许您使用声明性格式而不是编程方式将布局中的 UI 组件绑定到应用程序中的数据源。

我们将在本文中构建什么?

这是我们将在这个项目中构建的示例视频。请注意,我们将使用Java语言制作这个项目。

分步实施

第 1 步:创建一个新项目

  • 打开一个新项目。
  • 我们将使用Java语言开发 Empty Activity。保持所有其他选项不变。
  • 在您方便的时候命名应用程序。
  • 将有两个名为 activity_main.xml 和 MainActivity 的默认文件。Java

如果您不知道如何在 Android Studio 中创建新项目,可以参考如何在 Android Studio 中创建/启动新项目?

步骤 2. 启用数据绑定

导航到 Gradle Scripts > gradle.scripts(module) 并将以下代码添加到其中。

buildFeatures{
    dataBinding = true
 }

步骤 3. 处理 XML 文件

导航到 app > res > layout > activity_main.xml 并将以下代码添加到该文件。下面是activity_main.xml文件的代码。

XML


  
    
  
        
  
        
  
        


XML

 
      
        
      
            
      
            
      
            


Java
package com.example.databinding;
  
import androidx.appcompat.app.AppCompatActivity;
import androidx.databinding.DataBindingComponent;
import androidx.databinding.DataBindingUtil;
import androidx.fragment.app.Fragment;
  
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;
  
import com.example.databinding.databinding.ActivityMainBinding;
  
public class MainActivity extends AppCompatActivity {
  
    // Initialize variables
    ActivityMainBinding binding;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
  
        // Assign variable
        binding= DataBindingUtil.setContentView(this,R.layout.activity_main);
  
        binding.btSubmit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // Get text from edit text
                String sText=binding.etInput.getText().toString().trim();
  
                // Check condition
                if(!sText.equals(""))
                {
                    // when text is not empty
                    // set text on text view
                    binding.tvOutput.setText(sText);
                }
                else
                {
                    // When text is empty
                    // Display Toast
                    Toast.makeText(getApplicationContext()
                    ,"Please enter text",Toast.LENGTH_SHORT).show();
                }
            }
        });
  
        // Initialize fragment
        Fragment fragment=new MainFragment();
  
        // Commit fragment
        getSupportFragmentManager().beginTransaction()
                .replace(R.id.fragment,fragment).commit();
    }
}


Java
package com.example.databinding;
  
import android.os.Bundle;
  
import androidx.databinding.DataBindingUtil;
import androidx.fragment.app.Fragment;
  
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;
  
import com.example.databinding.databinding.FragmentMainBinding;
  
public class MainFragment extends Fragment {
  
    // Initialize variable
    private FragmentMainBinding binding;
    private View view;
  
    private static final String ARG_PARAM1 = "param1";
    private static final String ARG_PARAM2 = "param2";
  
    private String mParam1;
    private String mParam2;
  
    public MainFragment() {
    // Required empty public constructor
    }
  
    public static MainFragment newInstance(String param1, String param2) {
        MainFragment fragment = new MainFragment();
        Bundle args = new Bundle();
        args.putString(ARG_PARAM1, param1);
        args.putString(ARG_PARAM2, param2);
        fragment.setArguments(args);
        return fragment;
    }
  
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mParam1 = getArguments().getString(ARG_PARAM1);
            mParam2 = getArguments().getString(ARG_PARAM2);
        }
    }
  
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
  
        // Assign variable
        binding= DataBindingUtil.inflate(inflater,R.layout.fragment_main,container,false);
        view=binding.getRoot();
  
        binding.btSubmit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // Get text from edit text
                String sText=binding.etInput.getText().toString().trim();
  
                // Check condition
                if(!sText.equals(""))
                {
                    // When text is not empty
                    // Set text on text view
                    binding.tvOutput.setText(sText);
                }
                else
                {
                    // When text is empty
                    // Display Toast
                    Toast.makeText(view.getContext(),
                            "Please enter text",Toast.LENGTH_SHORT).show();
                }
            }
        });
  
        // Return view
        return view;
    }
}


导航到应用 > 右键单击 > 新建 > 片段 > BlankFragment 并将其命名为“MainFragement”。在fragment_main.xml文件中使用以下代码 -

XML


 
      
        
      
            
      
            
      
            

第 4 步:处理Java文件

导航到MainActivity。 Java文件并在其中使用以下代码。代码中添加了注释以便更好地理解。

Java

package com.example.databinding;
  
import androidx.appcompat.app.AppCompatActivity;
import androidx.databinding.DataBindingComponent;
import androidx.databinding.DataBindingUtil;
import androidx.fragment.app.Fragment;
  
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;
  
import com.example.databinding.databinding.ActivityMainBinding;
  
public class MainActivity extends AppCompatActivity {
  
    // Initialize variables
    ActivityMainBinding binding;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
  
        // Assign variable
        binding= DataBindingUtil.setContentView(this,R.layout.activity_main);
  
        binding.btSubmit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // Get text from edit text
                String sText=binding.etInput.getText().toString().trim();
  
                // Check condition
                if(!sText.equals(""))
                {
                    // when text is not empty
                    // set text on text view
                    binding.tvOutput.setText(sText);
                }
                else
                {
                    // When text is empty
                    // Display Toast
                    Toast.makeText(getApplicationContext()
                    ,"Please enter text",Toast.LENGTH_SHORT).show();
                }
            }
        });
  
        // Initialize fragment
        Fragment fragment=new MainFragment();
  
        // Commit fragment
        getSupportFragmentManager().beginTransaction()
                .replace(R.id.fragment,fragment).commit();
    }
}

导航到MainFragment。 Java文件并在其中使用以下代码。代码中添加了注释以便更好地理解。

Java

package com.example.databinding;
  
import android.os.Bundle;
  
import androidx.databinding.DataBindingUtil;
import androidx.fragment.app.Fragment;
  
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;
  
import com.example.databinding.databinding.FragmentMainBinding;
  
public class MainFragment extends Fragment {
  
    // Initialize variable
    private FragmentMainBinding binding;
    private View view;
  
    private static final String ARG_PARAM1 = "param1";
    private static final String ARG_PARAM2 = "param2";
  
    private String mParam1;
    private String mParam2;
  
    public MainFragment() {
    // Required empty public constructor
    }
  
    public static MainFragment newInstance(String param1, String param2) {
        MainFragment fragment = new MainFragment();
        Bundle args = new Bundle();
        args.putString(ARG_PARAM1, param1);
        args.putString(ARG_PARAM2, param2);
        fragment.setArguments(args);
        return fragment;
    }
  
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mParam1 = getArguments().getString(ARG_PARAM1);
            mParam2 = getArguments().getString(ARG_PARAM2);
        }
    }
  
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
  
        // Assign variable
        binding= DataBindingUtil.inflate(inflater,R.layout.fragment_main,container,false);
        view=binding.getRoot();
  
        binding.btSubmit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // Get text from edit text
                String sText=binding.etInput.getText().toString().trim();
  
                // Check condition
                if(!sText.equals(""))
                {
                    // When text is not empty
                    // Set text on text view
                    binding.tvOutput.setText(sText);
                }
                else
                {
                    // When text is empty
                    // Display Toast
                    Toast.makeText(view.getContext(),
                            "Please enter text",Toast.LENGTH_SHORT).show();
                }
            }
        });
  
        // Return view
        return view;
    }
}

这是我们应用程序的最终输出。

输出: