Android支持工具栏未正确显示自定义绘图
我正在尝试将我的应用程序ActionBar更新到工具栏中,但在自定义工具栏以显示自定义绘图时遇到了一些问题 到目前为止,我尝试将我的xml可绘制设置到工具栏中,但它破坏了整个工具栏,并将菜单按钮向下移动到我无法正确看到它的位置: 这是第一个可绘制的: bg_actionbar.xmlAndroid支持工具栏未正确显示自定义绘图,android,android-layout,android-support-library,android-toolbar,Android,Android Layout,Android Support Library,Android Toolbar,我正在尝试将我的应用程序ActionBar更新到工具栏中,但在自定义工具栏以显示自定义绘图时遇到了一些问题 到目前为止,我尝试将我的xml可绘制设置到工具栏中,但它破坏了整个工具栏,并将菜单按钮向下移动到我无法正确看到它的位置: 这是第一个可绘制的: bg_actionbar.xml <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@drawable/bg_gradient" />
<item android:drawable="@drawable/icon_logo" />
</layer-list>
bg_渐变只是一个9patch图像渐变,与图标_徽标相同
对于我的工具栏:
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/actionBar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@drawable/bg_actionbar"
app:contentInsetEnd="0dp"
app:contentInsetStart="0dp">
</android.support.v7.widget.Toolbar>
这一个按下下面的“我的菜单”按钮,左边的间距约为300dp,图标高度缩小
现在我试着直接把背景变成png图像(bg_渐变),同样的事情也发生了。我也尝试过在工具栏中添加一个ImageView,但同样的事情,它只会破坏整个工具栏,我再一次迷失在如何进一步定制这个工具栏上。有人有这个想法吗?蒂亚
更新:
我尝试在工具栏上添加一个线性布局以包含背景,但它仍然无法在我的端正确显示:
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/actionBar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/cherry_red"
app:contentInsetEnd="0dp"
app:contentInsetStart="0dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_actionbar"/>
</android.support.v7.widget.Toolbar>
发生的事情如下:
此外,以下是我的预期:
图标应该在中间,9patch图像应该是渐变色,因为我在XML中很难在开始、中间和结束颜色上有一个百分比,导航图标应该在渐变色的顶部。
重力
在您的内部视图上
希望它有帮助,嘿,我想这会有帮助,因为我有一个类似的应用程序 我的xml是这样的:
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/custom_toolbar" android:layout_width="match_parent" android:layout_height="56dp"
android:background="@drawable/actionbar_bg" >
<RelativeLayout android:id="@+id/toolbar_logo"
android:layout_width="140dp" android:layout_height="40dp"
android:background="@drawable/ic_logo"
android:layout_gravity="left|center_vertical"
android:clickable="true">
</RelativeLayout>
</android.support.v7.widget.Toolbar>
虽然可绘制/操作栏是这样的:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<gradient android:startColor="#FFFFFF"
android:endColor="#4093A3"
android:angle="90" />
</shape>
</item>
</layer-list>
希望这对您有所帮助。使用下面的示例xml进行布局
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<include layout="@layout/toolbar_home"
android:id="@+id/tool_bar" />
</LinearLayout>
获取导航图标和其他东西
toolbar.setNavigationIcon(R.drawable.btn_main_nav_selector);
getSupportActionBar().setDisplayHomeAsUpEnabled(true); // or getActionBar().setDisplayHomeAsUpEnabled(true);
我可以知道你希望哪种工具栏有一个示例图像会有帮助。好的,我马上就把它添加到问题上。嗨@Rod_Algonquin,按要求添加了示例图像。:)啊,我明白你想做什么了,上面的示例实际上不适用于整个工具栏,您需要做的是在xml中创建和设置可绘制,例如
您的可绘制
确保您使用Widget.AppCompat.Toolbar
作为父级,现在您可以在工具栏的样式
部分设置它。我尝试了您的解决方案,但它只会给我同样的问题,即菜单被向下推。我使用:@drawable/bg_actionbar并将其设置为我工具栏上的样式。
toolbar = (Toolbar) findViewById(R.id.tool_bar);
setSupportActionBar(toolbar); //or setActionBar(toolbar)
toolbar.setNavigationIcon(R.drawable.btn_main_nav_selector);
getSupportActionBar().setDisplayHomeAsUpEnabled(true); // or getActionBar().setDisplayHomeAsUpEnabled(true);