web-dev-qa-db-ja.com

アクティビティにバインドしてドロワーヘッダーレイアウトからビューを取得する方法

これが私のactivity_main.xmlです:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:Android="http://schemas.Android.com/apk/res/Android"
        xmlns:app="http://schemas.Android.com/apk/res-auto"
        xmlns:tools="http://schemas.Android.com/tools"
        tools:context="MainActivity"
    >
    <!-- A DrawerLayout is intended to be used as the top-level content view using match_parent for both width and height to consume the full space available. -->
    <Android.support.v4.widget.DrawerLayout
        Android:id="@+id/drawer_layout"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        >

        <!-- As the main content view, the view below consumes the entire
             space available using match_parent in both dimensions. -->

        <RelativeLayout
            Android:layout_width="match_parent"
            Android:layout_height="match_parent">

            <LinearLayout
                Android:id="@+id/ll_container"
                Android:layout_width="match_parent"
                Android:layout_height="match_parent"
                Android:orientation="vertical">

                <Android.support.v7.widget.Toolbar
                    Android:id="@+id/my_awesome_toolbar"
                    Android:layout_width="match_parent"
                    Android:layout_height="wrap_content"
                    Android:background="@Android:color/black"
                    Android:fitsSystemWindows="true"
                    >

                    <TextView
                        Android:id="@+id/toolbar_title"
                        Android:layout_width="wrap_content"
                        Android:layout_height="wrap_content"
                        Android:layout_marginLeft="10dp"
                        Android:layout_marginStart="10dp"
                        Android:textColor="@Android:color/white"
                        Android:textSize="@dimen/abc_text_size_title_material_toolbar"
                        tools:text="@string/default_toolbar_title"/>

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


                <FrameLayout
                    Android:id="@+id/container"
                    Android:layout_width="match_parent"
                    Android:layout_height="match_parent">

                </FrameLayout>
            </LinearLayout>

            <Android.support.design.widget.FloatingActionButton
                Android:id="@+id/fab_fuf"
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content"
                Android:layout_alignParentBottom="true"
                Android:layout_alignParentEnd="true"
                Android:layout_alignParentRight="true"
                Android:layout_marginBottom="20dp"
                Android:layout_marginEnd="20dp"
                Android:layout_marginRight="20dp"
                Android:src="@drawable/flamme"
                app:fabSize="normal"
                />
        </RelativeLayout>

        <Android.support.design.widget.NavigationView
            Android:id="@+id/navigation_view"
            Android:layout_width="wrap_content"
            Android:layout_height="match_parent"
            Android:layout_gravity="start"
            Android:background="@Android:color/black"
            **app:headerLayout="@layout/drawer_header"**
            app:itemTextColor="@color/drawer_item_color_selector"
            app:menu="@menu/menu_drawer"/>

    </Android.support.v4.widget.DrawerLayout>
</layout>

アクティビティにバインディングを使用しているため、findViewByIdを使用してキャストする必要はありません。次のようになります。

ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);

        Toolbar toolbar = binding.myAwesomeToolbar;
        toolbarTitle = binding.toolbarTitle;
        BalrogFontsHelper.SetKhandBoldToView(toolbarTitle);
        setSupportActionBar(toolbar);
        final ActionBar actionBar = getSupportActionBar();
        if (actionBar != null) {
            actionBar.setHomeAsUpIndicator(R.drawable.ic_dehaze_white_24);
            actionBar.setDisplayHomeAsUpEnabled(true);
            actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD);
            actionBar.setDisplayShowTitleEnabled(false);
        }


        drawerLayout = binding.drawerLayout;
        **tvLoggedUserEmail = (TextView) findViewById(R.id.tv_logged_user_email);**
        BalrogFontsHelper.SetKhandBoldToView(tvLoggedUserEmail);

ご覧のとおり、バインディングによってactivity_main.xmlレイアウトに直接あるビューを取得できますが、取得しようとしているビューが存在しない場合、バインディングオブジェクトに変数が表示されません。

drawer_header.xml:

    <?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
                Android:layout_width="match_parent"
                Android:layout_height="96dp"
                xmlns:tools="http://schemas.Android.com/tools"
                Android:background="@Android:color/black"
                Android:theme="@style/ThemeOverlay.AppCompat.Dark">


    <TextView
        Android:id="@+id/tv_logged_user_email"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_centerVertical="true"
        Android:layout_marginLeft="16dp"
        tools:text="@string/login_placeholder_email"
        Android:textAllCaps="true"
        Android:textAppearance="@style/TextAppearance.AppCompat.Body2"
        Android:textSize="20sp"/>


</RelativeLayout>

どうすればこのtv_logged_user_email TextViewをバインド方法で取得できますか?

**tvLoggedUserEmail = binding.tvLoggedUserEmail;**
29
RogerParis

更新されたソリューション(13/11/2015)

解決策:設計サポートライブラリを23.1.1に更新します。

設計サポートライブラリの変更23.1.1

  • getHeaderViewメソッドをNavigationViewクラスに追加しました。
  • Android 4.0(APIレベル15)以下を実行しているデバイス上のFloatingActionButtonオブジェクトの透明な背景の問題を修正しました。(問題183315)

詳細については、 https://developer.Android.com/tools/support-library/index.html を参照してください


元のソリューション

プログラムで添付されたヘッダービューを提供する方法がない理由がわかりません。

代わりに、2つのソリューションがあります。

NavigationView navigationView = (NavigationView) findViewById(R.id.navigation);
View headerView = navigationView.inflateHeaderView(R.layout.header_layout)
ImageView iv = (ImageView)headerview.findViewById(R.id.your_image_view)

または:

NavigationView navigationView = (NavigationView) findViewById(R.id.navigation);
View headerView = LayoutInflater.from(this).inflate(R.layout.header_layout, navigationView, false);
navigationView.addHeaderView(headerView);

ImageView iv = (ImageView) headerView.findViewById(R.id.yourImageView)
33
leejaycoke

私は少しきれいなソリューションを持っています。そこでは、ヘッダービューを膨張させてNavigationViewに追加するコードでフラグメント/アクティビティを「汚染」する必要がありません。 NavigationViewの拡張クラスを実装しました。私はこのようにしました:

私の活動のレイアウト:

<data>
    <variable
        name="dashboard"
        type="ramps.view.model.DashboardScreenViewModel"/>
</data>

<Android.support.v4.widget.DrawerLayout
    Android:id="@+id/drawer_layout"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/activity_dashboard"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        bind:dashboard="@{dashboard}"
        />

    <Android.support.design.widget.NavigationView
        Android:id="@+id/nav_view"
        Android:background="@color/white"
        Android:layout_width="wrap_content"
        Android:layout_height="match_parent"
        Android:layout_gravity="start"
        Android:fitsSystemWindows="true"
        app:navigationItemSelectedListener="@{dashboard.onMenuItemSelected}"
        app:model="@{dashboard.score}"
        app:menu="@menu/activity_main_drawer"/>

</Android.support.v4.widget.DrawerLayout>

ご覧のとおり、NavigationViewにはapp:headerLayoutはありませんが、ヘッダーレイアウトに渡すデータを含むカスタムapp:modelを追加しました。このカスタムパラメータをどのように定義しましたか?拡張クラスごと:

public class NavigationViewExtensions {

@BindingAdapter({"bind:model"})
public static void loadHeader(NavigationView view, ScoreViewModel model) {
    ViewNavigationHeaderBinding binding = ViewNavigationHeaderBinding.inflate(LayoutInflater.from(view.getContext()));
    binding.setScore(model);
    binding.executePendingBindings();
    view.addHeaderView(binding.getRoot());
  }
}

このクラスをプロジェクトのどこかに配置するだけです。そして私のヘッダーのレイアウト:

<layout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:bind="http://schemas.Android.com/apk/res-auto"
>

<data>

    <import type="Android.view.View"/>

    <variable
        name="score"
        type="ramps.view.model.ScoreViewModel"/>
</data>

<LinearLayout
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:background="@color/graphite"
    Android:gravity="bottom"
    Android:orientation="vertical"
    Android:paddingBottom="@dimen/activity_vertical_margin_large"
    Android:paddingLeft="@dimen/activity_horizontal_margin"
    Android:paddingRight="@dimen/activity_horizontal_margin"
    Android:paddingTop="@dimen/activity_vertical_margin_large"
    Android:theme="@style/ThemeOverlay.AppCompat.Dark">

    <include
        Android:id="@+id/player_details_header_score"
        layout="@layout/view_avatar_score_header"
        bind:score="@{score}"/>

</LinearLayout>
18
Ramps

app:headerLayout="@layout/drawer_headerを設定すると、ビューを再度膨らませる必要がなくなります。 .bindの代わりに.inflateを使用できます。

既に膨らんだヘッダービューを取得して、次のようにバインドできます。

View headerView = binding.navigationView.getHeaderView(0);
DrawerHeaderBinding headerBinding = DrawerHeaderBinding.bind(headerView);
12
stefana

私は同じ問題を抱えていました。

回避策は、ヘッダービューを膨らませてプログラムで追加することです。

このような:

DrawerHeaderBinding drawerHeaderBinding = DrawerHeaderBinding.inflate(LayoutInflater.from(navigationView.getContext()));
navigationView.addHeaderView(drawerHeaderBinding.getRoot());
drawerHeaderBinding.tvLoggedUserEmail = "email";
drawerHeaderBinding.executePendingBindings();

したがって、app:headerLayoutを削除して、プログラムで実行します。ただし、デザインライブラリまたはデータバインディングライブラリのいずれかで、グーグルはここでコアの問題を修正する必要があると思います。

11
Tosa
ImageView imageView = (ImageView) navigationView.getHeaderView(0).findViewById(R.id.imageButton);

imageView.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {

        if (flag) {
            navigationView.getMenu().clear(); //clear old inflated items.
            navigationView.inflateMenu(R.menu.drawer_view1);
            flag = false;
        } else {
            navigationView.getMenu().clear(); //clear old inflated items.
            navigationView.inflateMenu(R.menu.drawer_view);
            flag = true;
        }
    }
});
9
user5783673

ここで非常に簡単なソリューション。 NavigationViewを次のように追加したとします。

<Android.support.design.widget.NavigationView
    Android:id="@+id/navigationView"
    Android:layout_width="wrap_content"
    Android:layout_height="match_parent"
    Android:layout_gravity="start"
    Android:fitsSystemWindows="true"
    app:headerLayout="@layout/my_nav_drawer_header"
    app:menu="@menu/menu_nav_drawer"/>

そして、my_nav_drawer_header.xmlのIDを持つtextView2のTextViewにアクセスしたい。したがって、アクティビティでこのコードを使用するだけです。

View headerContainer = navigationView.getHeaderView(0); // This returns the container layout from your navigation drawer header layout file (e.g., the parent RelativeLayout/LinearLayout in your my_nav_drawer_header.xml file)
TextView textView2 = (TextView)headerContainer.findViewById(R.id.textView2);
textView2.setText("Sorted!");

既存のコードなどを膨らませたり干渉したりする必要はありません。

6

私のために動作するDataBindingライブラリでこれを試してください。

navigation_view_header.xml:

<layout xmlns:Android="http://schemas.Android.com/apk/res/Android">
<RelativeLayout
    Android:layout_width="match_parent"
    Android:layout_height="@dimen/navigation_view_header_height"
    Android:paddingLeft="@dimen/navigation_view_padding"
    Android:paddingTop="@dimen/navigation_view_top_padding"
    Android:background="@color/colorPrimary">


    <ImageView
        Android:id="@+id/avatar"
        Android:layout_width="@dimen/avatar_dimen"
        Android:layout_height="@dimen/avatar_dimen"
        Android:contentDescription="@null"
        Android:src="@drawable/default_avatar" />

    <TextView
        Android:id="@+id/profile_email"
        Android:layout_width="match_parent"
        Android:layout_height="48dp"
        Android:layout_below="@+id/avatar"
        Android:text="email"
        Android:textColor="@color/white"
        Android:layout_alignParentBottom="true"
        Android:gravity="center_vertical" />

</RelativeLayout>
</layout>

activity_main.xml:

<layout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:app="http://schemas.Android.com/apk/res-auto">
    <data>
        <variable
            name="navigationItemSelectedListener"
            type="com.example.MainActivity"/>
    </data>
<Android.support.v4.widget.DrawerLayout
    Android:id="@+id/drawer_layout"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:fitsSystemWindows="true"
    Android:tag="layout">

    <LinearLayout
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        Android:orientation="vertical">

        <Android.support.v7.widget.Toolbar
            Android:id="@+id/my_toolbar"
            Android:layout_width="match_parent"
            Android:layout_height="?attr/actionBarSize"
            app:titleTextColor="@color/white"
            Android:background="@color/colorPrimary"
            app:theme="@style/Toolbar.Theme"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

        <FrameLayout
            Android:id="@+id/fragment_container"
            Android:layout_width="match_parent"
            Android:layout_height="match_parent" />
    </LinearLayout>

    <Android.support.design.widget.NavigationView
        Android:id="@+id/navigation_view"
        Android:layout_width="@dimen/navigation_view_width"
        Android:layout_height="match_parent"
        Android:layout_gravity="start"
        Android:fitsSystemWindows="true"
        app:theme="@style/Theme.AppCompat.Light"
        app:menu="@menu/drawer_menu"
        app:navigationItemSelectedListener="@{navigationItemSelectedListener::onNavigationItemSelected}"/>

</Android.support.v4.widget.DrawerLayout>
</layout>

そしてあなたの活動内で:

ActivityMainBinding activityMainBinding = DataBindingUtil.setContentView(this,
                R.layout.activity_main);
activityMainBinding.setNavigationItemSelectedListener(this);/* with this line navigation menu item selection events are handled in onNavigationItemSelected() specified in navigation_view_header.xml*/

NavigationViewHeaderBinding navigationViewHeaderBinding = DataBindingUtil.inflate(getLayoutInflater(), R.layout.navigation_view_header,activityMainBinding.navigationView,false);
        activityMainBinding.navigationView.addHeaderView(navigationViewHeaderBinding.getRoot());

アクティビティでNavigationView.OnNavigationItemSelectedListener

1
Yasser Khayyal
  • Gradleファイルを編集してcom.Android.supportライブラリをバージョンに23.1.1以降に更新します。

  • navigationView.getHeaderView(i)を使用します。iheaderviewのインデックスです。レイアウトでこのビューを定義したばかりの場合、0

0
Renascienza

NavigationView.getHeaderView(0)を配置してから任意のビューを使用するだけです

        TextView profile,info;
        NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
        profile = navigationView.getHeaderView(0).findViewById(R.id.profile);
        info = navigationView.getHeaderView(0).findViewById(R.id.info);
        profile.setOnClickListener(this);
        info.setOnClickListener(this);
0
milan pithadia

Android sdk managerから23.1.0も私のためにうまく機能しています。

使っています buildToolsVersion "23.0.2"この前は23.0.1

そして、使用する必要はありません:

(View) navigationView.findViewById(R.id.idOfViewFromHeaderView);

アクティビティでは、次を直接使用できます。

(View) findViewById(R.id.idOfViewFromHeaderView);
0
Muhammad Adil