现在的位置: 首页 > 综合 > 正文

【译】ActionBar 基础4

2018年02月17日 ⁄ 综合 ⁄ 共 1789字 ⁄ 字号 评论关闭

    在该系列的前几篇文章,我们了解了ActionBar和如何定义简单的动作和导航。本篇文章我们将看看当我们的需求变得稍微复杂的时候我们能做些什么


     让我们接着上一篇文章,从下拉导航开始。假设,我们需要第二个Spinner可以被用于,例如,允许用户对一组查询结果运用不同的排序选项。我们可以很容易的实现它,因为我们可以定义自定义视图(custom views)运用在我们的菜单项(menu item)中。让我们创建一个新的item到 res/menu/main.xml:
<item
    android:id="@+id/menu_spinner"
    android:showAsAction="always"
    android:actionViewClass="android.widget.Spinner" />
    最后一行指定了一个Spinner被用来替换默认的按钮,早在这个系列文章中我们就见过。

     接着我们添加一个字符串数组到 res/values/strings.xml 用来填充这个Spinner:
<string-array name="spinner_data">
    <item>One</item>
    <item>Two</item>
    <item>Three</item>
    <item>Four</item>
</string-array>

     现在我们可以在onCreateOptionsMenu()方法中找到代表Spinner的MenuItem:

private MenuItem mSpinnerItem = false;
.
.
.
@Override
public boolean onCreateOptionsMenu( Menu menu )
{
    getMenuInflater().inflate( R.menu.main, menu );
    mSpinnerItem = menu.findItem( R.id.menu_spinner );
    return true;
}
     我们可以在运行的时候操纵这个MenuItem来改变它的可见性或启用状态。
但我们也可以获得我们之前指定的Spinner view:

View view = mSpinnerItem.getActionView();
if (view instanceof Spinner)
{
    Spinner spinner = (Spinner) view;
    spinner.setAdapter( ArrayAdapter.createFromResource( this,
        R.array.spinner_data,
        android.R.layout.simple_spinner_dropdown_item ) );
}
     我们只是设置了一个SpinnerAdapter。在真实的应用程序中我们可能想要设置一个OnItemSelectedListener,但在这我们跳过它。
    
     假如我们运行它,会发现它看起来还不错:
    
    

     除了引起第一个Spinner的文本被截断不是很恰当外。假如你旋转设备你会注意到spinner跑到ActionBar的另一侧。


  

       原因是Logo(Up/Home 按钮),标题(Title)和导航被放置在ActionBar的左侧,但菜单本身被放到了右侧。这是建设从边缘向内尝试并最大限度的提高空间利用率。一旦空间用光了,有
android:showAsAction="ifRoom"设置的菜单项会被放入下拉菜单中并且一个拆分的菜单栏会被采用。

     这也强调了一点,就是Juhani Lehtimäki在最近一篇关于Android Tabs的文章中提到的。导航被组织到左侧,动作(actions)被放到右侧。如果你确保在设计你的ActionBar的时候遵循这个规则,你会与Android的最佳实践保持一致。


    在我的例子中我使用一个Spinner控件,因为它会突出一个有趣的问题,当我们来看看我们可以如何风格化ActionBar(style the ActionBar)的时候。事实上你可以使用任何你喜欢的控件例如TextView,EditText,Button,等等。你甚至可以用自定义的控件,这
确实给在ActionBar上什么是可能的提供了一个巨大的范围。

    在下一篇文章我们将来看看自定义ActionBar的另一种方式。

     
     本篇文章的代码可以在 here找到。

抱歉!评论已关闭.