在屏幕底部添加图标

时间:2015-10-06 13:28:55

标签: android

这是什么名字?怎么设计呢?任何有效的有用教程示例?

enter image description here

3 个答案:

答案 0 :(得分:5)

这在android

中称为split action bar
  

分割操作栏在屏幕底部提供一个单独的栏   在活动在狭窄的区域上运行时显示所有操作项   屏幕(例如纵向手机)。

     

splitactionbar

     

模拟显示带有标签的操作栏(左),然后拆分   动作栏(中);并禁用应用程序图标和标题(右)。

<强>更新

在较新的UI模式中,它被称为bottom toolbar

  

bottomtoolbar底部工具栏,可以启动到货架和   紧贴键盘顶部或其他底部组件

请参阅this question创建一个。

注意:android的操作UI元素中没有带图标的文本,有问题的屏幕截图似乎属于混合应用程序,本机应用程序的默认UI模式最接近建议答案。

答案 1 :(得分:3)

是的,您可以使用线性布局。无论你想要什么,只要你让它看起来很好。

诀窍是让它坚持到屏幕的底部。我喜欢在相对布局中包含所有内容,并在相对布局中设置该线性布局,并使其与其父级的底部对齐。

示例布局:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent">


    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"
            android:id="@+id/button1"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"
            android:id="@+id/button2"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button"
            android:id="@+id/button3"/>
    </LinearLayout>
</RelativeLayout>

android:layout_alignParentBottom =“true”是这里的重要部分,但还有其他方法可以让线性布局保持在最底层。

答案 2 :(得分:2)

您可以执行以下操作,在底栏中添加按钮:

<LinearLayout android:id="@+id/footer" android:layout_width="fill_parent"
    android:layout_height="wrap_content" android:orientation="horizontal"
    android:layout_alignParentBottom="true" style="@android:style/ButtonBar">

    <Button android:id="@+id/saveButton" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:layout_weight="1"
        android:text="@string/menu_done" />

    <Button android:id="@+id/cancelButton" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:layout_weight="1"
        android:text="@string/menu_cancel" />
</LinearLayout>