如何添加底部菜单到Android活动 [英] How to add a bottom menu to Android activity

问题描述

我想另一个动作栏或菜单添加到我的活动布局的底部，并保持顶部操作栏。

I'm trying to add another action bar or menu to the bottom of my activity layout and keep the top action bar.

事情是这样的：

下面是我的布局：

<LinearLayout 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"
android:orientation="vertical"
tools:context="com.example.yasser.version6.PublierActivity">


<include
    android:id="@+id/toolbar"
    layout="@layout/toolbar" />



<RelativeLayout
     android:layout_width="fill_parent"
     android:layout_height="match_parent"
     >


    <LinearLayout
        android:layout_width="fill_parent"
        android:id="@+id/user"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:weightSum="1">


        <ImageView
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_gravity="center"
            android:layout_margin="4dp"
            android:id="@+id/profil_image"
            android:layout_alignParentTop="true"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:layout_marginRight="218dp"
            android:layout_marginEnd="218dp" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textMultiLine|textCapSentences"
            android:ems="10"
            android:background="#00000000"
            android:layout_margin="4dp"
            android:hint="Écriver quelque chose..."
            android:id="@+id/publication_text"
            android:maxLength="150"
            android:textSize="15dp"
            android:maxLines="3"
            android:layout_alignParentTop="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true">
            <requestFocus />
        </EditText>


    </LinearLayout>




    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="@dimen/image_size"
        android:id="@+id/publication_image"
        android:layout_weight="1"
        android:padding="0dp"
        android:background="@drawable/default_image"
        android:layout_marginTop="5dp"
        android:scaleType="fitXY"
        android:layout_below="@+id/user" />

</RelativeLayout>

我已经尝试添加这看起来几乎像一个操作栏自定义的RelativeLayout，但在工具栏上升和搞砸了一切。

I've tried to add a custom RelativeLayout which look almost like an action bar, but the toolbar goes up and mess up everything.

推荐答案

我已经创建了一个简单的应用程序应该表现出你如何开始

Creating custom bottom toolbar

I've already created a simple app which should demonstrate you how to begin

下面是我的 activity_main.xml中布局文件：

<?xml version="1.0" encoding="utf-8"?>
<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"
    android:padding="0dp"
    tools:context="com.example.piotr.myapplication.MainActivity">

    <LinearLayout
        android:id="@+id/show_pdf"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:background="@color/primary_material_light"
        android:orientation="horizontal">

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_cut_mtrl_alpha"/>

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_copy_mtrl_am_alpha"/>

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_selectall_mtrl_alpha"/>

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_paste_mtrl_am_alpha"/>

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_share_mtrl_alpha"/>

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_selectall_mtrl_alpha"/>

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/abc_ic_menu_moreoverflow_mtrl_alpha"/>
    </LinearLayout>

    <EditText
        android:id="@+id/editText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="75dp"
        android:ems="10"
        android:inputType="textPersonName"
        android:text="Name"/>
</RelativeLayout>

正如你可以看到我的父母的ViewGroup 是 RelativeLayout的，它只是让我在底部创建一个视图屏幕。

As you can see my parent ViewGroup is RelativeLayout, which simply allows me to create a view at the bottom of screen.

请注意，我设置布局边距为零（我认为：在设置布局保证金这里零是没有必要的，效果一样）。如果你想改变它，工具栏将不会使用全宽，它不会与屏幕下方贴。

Notice that I set layout padding to zero (I think: setting layout margin to zero here is not necessary, the same effect). If you'd change it, the toolbar won't use full width and it won't stick with bottom of the screen.

然后，我添加了一个线性布局硬codeD高度是：

Then I added a Linear Layout with hardcoded height which is:

          android:layout_height="40dp"

我想它，所以我将其设置为 match_parent 我的底部工具栏将充分可用宽度。

I wanted it, that my bottom toolbar would take full available width so I set it as match_parent.

接下来，我添加了一些图片的ImageButton 意见从Android电子图书馆。

Next, I added some ImageButton views with images from Android library.

有你有两种可能性：

• 如果你真的想拥有像上面的例子工具栏只是在每一个的ImageButton 视图中删除这一行：

      android:layout_weight="1"

删除权重和一些按钮后，你会得到类似观点pretty预期：

After removing weights and some buttons you would get a view pretty similar to expected:

• 如果你想利用全宽，使每个按钮在您的项目相同的尺寸使用重量在这个矿的例子。

• if you want to take the full width and make every button with the same size use in your project weight as in this mine example.

现在让我们去我的的Andr​​oidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest package="com.example.piotr.myapplication"
          xmlns:android="http://schemas.android.com/apk/res/android">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity
            android:name=".MainActivity"
            android:windowSoftInputMode="stateVisible|adjustResize">
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>

                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
    </application>
</manifest>

在该文件中添加会我，你只能看到一个额外的行：

In that file I'd added as you can see only one additional line:

         android:windowSoftInputMode="stateVisible|adjustResize">

，以确保设备键盘不会隐藏我的自定义底部的工具栏。

to make sure that device keyboard won't hide my custom bottom toolbar.

如果您有任何问题，请请提出来。我会尽快回答越好。

If you have any question, please free to ask. I would answer them as quickly as possible.

希望它能帮助

这篇关于如何添加底部菜单到Android活动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！