2

我是 android 新手,我正在尝试了解如何制作可以与之交互的可重复使用的 UI 片段。我知道那里有一些技术,但我不明白什么时候一种会比另一种更好,或者它们是否都可以互换使用。如果有人可以指出差异(或者如果我误解了),那将不胜感激。

  1. 创建一个处理新页面的片段或片段活动。然后可以在适用的情况下使用此片段,但必须特别注意片段生命周期。
  2. 扩展具有布局和其他任何必要的基类。然后任何其他类都可以扩展此基础,并使基础 UI 也出现并工作。
  3. Using<include layout=...允许您仅重用 UI 的一部分。对于这个,我不确定该布局的逻辑应该去哪里。

我想我所要求的是对这些中的每一个进行淘汰,如果我可以使用我更舒服的任何一个而不会产生任何负面影响。

Ps:我会用这些来创建一个可重复使用的导航栏,我可以把它放在每个页面上,或者如果不同的页面都有一个帮助按钮。

4

1 回答 1

1

您建议的每种方法对于创建可重用的用户界面都是必不可少的,并且每种方法都有不同的用途。

首先,布局只是定义用户界面的视觉结构,而活动片段是定义视觉结构如何运作的组件。这在视觉结构和用户界面的行为之间创建了清晰的分离。

因此,<include/>标签用于重用已定义的视觉结构。这种视觉结构可以包含在任何布局中,但每个活动或片段都可以单独定义该视觉结构的行为方式。

为了创建一个可重用的行为,你可以继承一个Activity. 例如; aFragmentActivity保留了Activity类中定义的行为,但增加了容纳一个或多个片段的能力。任何子类FragmentActivity都将保留这些行为中的每一个。

片段被开发为可重复使用的片段Activity,并且可以定义自己的视觉结构和行为。因此,如果您希望能够重用 a 的一部分的视觉结构和行为Activity,您可以创建 aFragment以实现此目的。片段也可以被子类化,这可以用来修改扩展类的视觉结构、行为或两者。

这些并不是创建可重用接口的唯一方法。您可以定义可重用的资源、视图、样式或动画来创建模块化用户界面。学习如何利用这些不同的组件来满足您的需求是 Android 开发(以及一般开发)的重要组成部分。


最后,我将介绍您的帖子脚本;如何为每个页面创建一个可重复使用的导航栏,其中包括一个帮助按钮。希望这将展示一种创建可重用界面的简单方法,并且这不是一项艰巨的任务。

为每个按钮实现可重用帮助Activity按钮的一种方法是创建一个menu可用作基类中的选项菜单的资源:

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item android:id="@+id/action_help" android:title="@string/action_help"
        android:icon="@drawable/ic_help_white_24dp" android:orderInCategory="100"
        app:showAsAction="ifRoom"/>

</menu>

然后这个菜单资源在基类中膨胀。基类扩展AppCompatActivity(扩展FragmentActivity)以便使用Support Library

public abstract class BaseActivity extends AppCompatActivity {

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.base, menu);
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch(item.getItemId()) {
            case R.id.action_help:
                dispatchHelpIntent();
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }

    protected void dispatchHelpIntent() {
        // Handle help options button
    }

}

有了这个,您可以处理基类中的帮助按钮单击,或者让子类覆盖dispatchHelpIntent()来单独处理它。您还可以覆盖onCreateOptionsMenu()onOptionsItemSelected()在子类中向菜单添加更多项目。只要确保你调用super这两种方法,就像我在这里所做的那样,以保留帮助按钮。

接下来,要创建一个可重用的导航栏(在 Android 中通常称为App Bar),您所要做的就是创建一个layout文件,该文件将包含在layout每个文件中Activity

<android.support.design.widget.AppBarLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/app_bar"
    android:layout_width="match_parent" android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar android:id="@+id/toolbar"
        android:layout_width="match_parent" android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay"/>

</android.support.design.widget.AppBarLayout>

Activity然后,您可以使用<include/>标记将此布局包含在任何其他布局中:

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent" android:layout_height="match_parent"/>

    <include layout="@layout/app_bar_base"/>

    <!-- Activity content goes here -->

</android.support.design.widget.CoordinatorLayout>

最后将其添加为ActionBar(“Action Bar”是 App Bar 的旧术语)在任何Activity扩展的BaseActivity

public class MainActivity extends BaseActivity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        setupActionBar();
    }

    private void setupActionBar() {
        ActionBar actionBar = getSupportActionBar();
        if(actionBar != null) {
            actionBar.setDisplayShowTitleEnabled(true);
        }
    }

}

这不能在 中完成的原因BaseActivity是,除非每个人都Activity使用相同的布局,否则每个人都Activity必须使用setContentView(). 在Toolbar设置内容视图之前将不可用,因此您必须使用此方法在每个活动中单独设置操作栏(App Bar)。

于 2016-08-10T17:21:19.903 回答