actionLayout 在抽屉导航中的定位
Positioning of actionLayout in navigation drawer
我有以下设置:
<android.support.design.widget.NavigationView
style="@style/NavigationView"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
app:itemTextAppearance="@style/DrawerTextAppearance"
app:menu="@menu/drawer"/>
menu/drawer.xml
<menu>
<item
android:id="@+id/messages_item"
android:icon="@drawable/ic_notifications_neg"
app:actionLayout="@layout/counter"
android:title="@string/message_center"/>
<item
android:id="@+id/search_item"
android:icon="@drawable/ic_search_neg"
android:title="@string/search"/>
</menu>
layout/counter.xml
<TextView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="26dp"
android:layout_height="26dp"
android:text="55"
style="@style/Bubble"/>
风格:
<style name="Bubble" parent="android:Widget.TextView">
<item name="android:gravity">center</item>
<item name="android:layout_gravity">center_vertical</item>
<item name="android:textColor">@android:color/white</item>
<item name="android:background">@drawable/bubble</item>
</style>
这会产生以下结果:
尽管样式设置了引力,气泡仍显示在顶部。
如何将 actionLayout 放置在菜单项的中间?
试试下面的方法:
在layout/counter.xml中使用
android:gravity="right|center_vertical"
<TextView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="26dp"
android:layout_height="26dp"
android:text="55"
android:gravity="right|center_vertical"
style="@style/Bubble"/>
一不小心就解决了这个问题
我不得不将 TextView 放入容器中:
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:id="@+id/counterView"
style="@style/Bubble"
android:layout_width="26dp"
android:layout_height="26dp"
android:text="55"/>
</LinearLayout>
现在计数器显示在菜单项的正中间!
更新
计数器更改代码:
TextView view = (TextView) drawer.getMenu().findItem(R.id.counter_item).getActionView().findViewById(R.id.counterView);
view.setText("" + count);
我有以下设置:
<android.support.design.widget.NavigationView
style="@style/NavigationView"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
app:itemTextAppearance="@style/DrawerTextAppearance"
app:menu="@menu/drawer"/>
menu/drawer.xml
<menu>
<item
android:id="@+id/messages_item"
android:icon="@drawable/ic_notifications_neg"
app:actionLayout="@layout/counter"
android:title="@string/message_center"/>
<item
android:id="@+id/search_item"
android:icon="@drawable/ic_search_neg"
android:title="@string/search"/>
</menu>
layout/counter.xml
<TextView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="26dp"
android:layout_height="26dp"
android:text="55"
style="@style/Bubble"/>
风格:
<style name="Bubble" parent="android:Widget.TextView">
<item name="android:gravity">center</item>
<item name="android:layout_gravity">center_vertical</item>
<item name="android:textColor">@android:color/white</item>
<item name="android:background">@drawable/bubble</item>
</style>
这会产生以下结果:
尽管样式设置了引力,气泡仍显示在顶部。
如何将 actionLayout 放置在菜单项的中间?
试试下面的方法:
在layout/counter.xml中使用
android:gravity="right|center_vertical"
<TextView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="26dp"
android:layout_height="26dp"
android:text="55"
android:gravity="right|center_vertical"
style="@style/Bubble"/>
一不小心就解决了这个问题
我不得不将 TextView 放入容器中:
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:id="@+id/counterView"
style="@style/Bubble"
android:layout_width="26dp"
android:layout_height="26dp"
android:text="55"/>
</LinearLayout>
现在计数器显示在菜单项的正中间!
更新
计数器更改代码:
TextView view = (TextView) drawer.getMenu().findItem(R.id.counter_item).getActionView().findViewById(R.id.counterView);
view.setText("" + count);