可重用的视图？

Question

我是 Android 开发新手，但我有相当多的 Swing/WPF(C#) GUI 经验。我正在尝试做的是以下内容：

我有一个BottomNavigationView，有 3 个单独的视图。每个视图都实现为一个片段，通过OnNavigationItemSelectedListener 在 MainActivity java 代码中显示/隐藏：

private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
        = new BottomNavigationView.OnNavigationItemSelectedListener() {

    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.one:
                findViewById(R.id.one).setVisibility(View.VISIBLE);
                findViewById(R.id.two).setVisibility(View.GONE);
                findViewById(R.id.threee).setVisibility(View.GONE);
                return true;
    // ... and so on

我的问题是两个片段的一部分接口是相同的，由一组EditText和ImageButton组成。所以我想创造一些可重用的东西，而不是加倍代码。我的选择是在片段中制作片段（但在互联网上我看到这是不可取的）或制作可重复使用的视图（https://developer.android.com/training/improving-layouts/reusing-layouts.html，https://developer.android.com/guide/topics/ui/custom-components.html）。最好的方法是什么？我想要一个带有连接的 java 代码的 xml 布局，我可以在其中收听与 EditText 和 Buttons 的交互并采取相应的行动。也许我对我的 WPF 经验有偏见，但我试图让它像一个 xaml + 代码隐藏，这可能不是在构建 Android 应用程序时解决问题的正确方法。

Answer 1

您将不得不为您将多次使用的视图定义单独的 XML 布局，并且

在 XML 中

您将在布局中使用 <include> 标签，例如

 ...
<include layout="@layout/your_frequent_used_layout"/>

<TextView android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:text="@string/hello"
          android:padding="10dp" />
....

更多信息here in the documentation training!

在 Java 中

对于 Java 方面，如果您想获得某个视图并添加到当前布局，您将需要一个布局 Inflater，然后在您的活动中像这样添加到您的 View（如果它抛出任何错误，请在您的片段中考虑上下文)

第一个选项：

View view = null;
LayoutInflater inflater = 
(LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
view = inflater.inflate(R.layout.your_reusable_view, null);
your_main_root_view.addView(view);

第二个选项：

View child = getLayoutInflater().inflate(R.layout.your_reusable_view, null);
your_main_root_view.addView(child);

Answer 2

根据您在问题中的代码，您只是显示/隐藏布局中存在的视图。
因此，首先我建议将 BottomNavigationView 与 ViewPager 结合使用，并为每个导航项创建独立的片段。
本文演示了如何开始
http://droidmentor.com/bottomnavigationview-with-viewpager-android/

其次，对于所有包含公共项的片段，您将创建一个抽象的 BaseFragment 来管理所有公共逻辑。
扩展此抽象片段以创建您的个人片段并膨胀独特的布局。

fragment_base.xml

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

    <!--- Your Common Elements Here --->

    <!--- Unique Elements will get inserted here --->

</LinearLayout>

fragment_nav_unique1.xml

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!--- Unique Elements For the Nav View Item --->

</LinearLayout>

BaseFragment.java

public abstract class BaseFragment extends Fragment {

    // Get Layout resource id of the Individual Fragments
    protected abstract int layoutResourceId();

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        // Inflate the base layout
        LinearLayout view = (LinearLayout) inflater.inflate(R.layout.fragment_base, container, false);

        // Inflate the unique layouts and add them to the view    
        LinearLayout uniqueView = (LinearLayout) inflater.inflate(layoutResourceId(), null);
        view.addView(uniqueView);

        // Return view
        return view;
    }

    //--- Manage all the Common Elements here ---

}

FirstFragment.java

public class FirstFragment extends BaseFragment {
    @Override
    protected int layoutResourceId() {
        // Return the resource of the unique layout
        return R.layout.fragment_nav_unique1;
    }

    //--- Manage all the Unique Elements here ---

}

Answer 3

使用 CustomView 是解决这个问题的方法。您不仅可以在其中使用相同的布局文件，还可以在自定义视图实现中定义与此视图的类似交互。