如何访问工具栏中的按钮?

时间:2017-11-14 15:06:44

标签: android android-toolbar

我在应用程序中有一个自定义工具栏,如下面有一个按钮调用注销

    <?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar_layout"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:background="@android:color/transparent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="24dp">

        <Button
            android:id="@+id/toolbar_logo_image"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_marginStart="8dp"
            android:layout_marginEnd="4dp"
            android:layout_centerVertical="true"
            android:background="@drawable/logo" />

        <EditText
            android:id="@+id/toolbar_search_field"
            android:layout_width="280dp"
            android:layout_height="36dp"
            android:textSize="20dp"
            android:hint="Search"
            android:textColorHint="@color/white"
            android:layout_toEndOf="@+id/toolbar_logo_image"
            android:layout_centerVertical="true"
            android:textColor="@android:color/white"
            android:background="@android:color/transparent"
            android:drawablePadding="2dp"
            android:drawableStart="@drawable/ic_search_24dp"
            tools:textColor="@android:color/black"/>

    </RelativeLayout>

</android.support.v7.widget.Toolbar>

我已将此工具栏包含在我的主要活动中,如下所示

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

在我的主要活动中,我得到了如下工具栏

mToolbar = (Toolbar) findViewById(R.id.main_page_toolbar);

如何访问该工具栏中的按钮我想创建一个onclickevent 我怎么能这样做?

3 个答案:

答案 0 :(得分:1)

您可以在每个视图上使用findViewById。所以你可以使用

Button button = (Button) mToolbar.findViewById(R.id.toolbar_logo_image);

但是,当您在根布局中包含工具栏布局时,它应该足以使用

Button button = (Button) findViewById(R.id.toolbar_logo_image);

两者都应该有用。

编辑:您的app_bar_toolbar.xml以FrameLayout为根元素,但在代码中您尝试将其强制转换为Toolbar。这不起作用,并将与ClassCastException崩溃。因此,将FrameLayout更改为工具栏或正确转换FrameLayout。取决于您的需求。

答案 1 :(得分:1)

你没有使用工具栏,你使用FrameLayout ...... 请改用

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:layout="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@android:color/white"
    android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
    layout:popupTheme="@style/Toolbar.Theme">
    <Button
        android:id="@+id/toolbar_logo_image"
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:layout_centerVertical="true"
        android:layout_marginEnd="4dp"
        android:layout_marginStart="8dp"
        android:background="@drawable/logo"></Button>
</android.support.v7.widget.Toolbar>

你可以使用它来获取按钮

 mToolbar = (Toolbar) findViewById(R.id.toolbar);
 Button button = (Button) mToolbar.findViewById(R.id.toolbar_logo_image);

答案 2 :(得分:0)

将此xml文件用于自定义工具栏

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:background="@color/sky"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

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

       // here you can put your button  or any tools which you want.   

    </RelativeLayout>



</android.support.v7.widget.Toolbar>

之后在您的活动中

Toolbar  mToolbar= (Toolbar) findViewById(R.id.toolbar);
Button btn= (Button) mToolbar.findViewById(R.id.toolbar_logo_image);


setSupportActionBar(mToolbar);  // add this line to your code.

并在style.xml中更改parent="Theme.AppCompat.Light.DarkActionBar" to parent="Theme.AppCompat.Light.NoActionBar"