转载

[译]:Xamarin.Android用户界面——添加多个工具栏

博客分类: 官方教程

返回索引目录

原文链接: Part 2 - Adding a Second Toolbar

译文链接: Xamarin.Android用户界面——添加多个工具栏

工具栏目录

Part 2 - Adding a Second Toolbar

工具栏不仅仅可以用于替换操作栏,它还可进行更多的处理,如,它可以在一个Activity中使用多次;它可以在一个屏幕中放置在任何你想要的地方;它还可以配置成只占用部分屏幕宽度来 显示。下面示例将展示如何创建第二个工具栏,并将其放置在屏幕底部。此工具栏将实现 复制剪切粘贴 菜单项。

定义第二个工具栏

打开 MainActivity.cs 文件,并移除里面的按钮代码。然后编辑 Main.axml 布局文件,并使用以下内容替换按钮定义:

<LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/main_content"
    android:layout_below="@id/toolbar">
    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
    <Toolbar
        android:id="@+id/edit_toolbar"
        android:minHeight="?android:attr/actionBarSize"
        android:background="?android:attr/colorAccent"
        android:theme="@android:style/ThemeOverlay.Material.Dark.ActionBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

此XML向屏幕底部添加了第二个工具栏,并在屏幕中间用一个空的ImageView来 填充。此工具栏的(最小)高度设为了操作栏的高度:

android:minHeight="?android:attr/actionBarSize"

工具栏的背景色则设置为稍后定义的突出颜色:

android:background="?android:attr/colorAccent"

注意,此工具栏使用了与第一个工具栏(第一部分中创建的)所不同的主题( ThemeOverlay.Material.Dark.ActionBar ) —— 其主题不绑定到Activity窗口装饰或第一个工具栏使用的主题。

编辑 Resources/values/styles.xml 文件,并将以下颜色添加到样式定义中:

<item name="android:colorAccent">#C7A935</item>

这给底部工具栏设置了一个深琥珀色。生成并运行应用,将会在界面底部显示第二个工具栏,如下图所示:

[译]:Xamarin.Android用户界面——添加多个工具栏

添加编辑菜单项

本小节将介绍如何向底部的工具栏中添加编辑菜单项。

其中涉及的步骤有:

  1. 如果需要图标,则向应用项目的drawable文件夹中添加菜单图标。
  2. 通过向Resources/menu目录下添加附加菜单资源文件来定义菜单项的内容。
  3. 在Activity的OnCreate方法中,查找工具栏(调用FindViewById),并填充工具栏菜单。
  4. 在Oncreate中为新菜单项实现点击处理程序。

下面将详细说明此过程 —— 将 剪切复制粘贴 菜单项 添加到底部工具栏。

定义编辑菜单资源

填充菜单内容

上一步按钮

译: 奇葩史

原文  http://www.shisujie.com/blog/Adding-a-Second-Toolbar
正文到此结束
Loading...