从工具栏和颜色中删除边距

时间:2017-05-09 15:51:22

标签: android android-layout include toolbar

我有一个自定义工具栏,我已将其包含在布局中:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@color/bar_background"
    android:orientation="horizontal">

    <EditText
        android:id="@+id/searching_bar"
        android:layout_width="125dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="5dp"
        android:background="@drawable/rounded_finder"
        android:ems="10"
        android:inputType="textPersonName"
        tools:ignore="RtlHardcoded" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="7.5dp"
        app:srcCompat="@drawable/ic_find"
        tools:ignore="ContentDescription,RtlHardcoded" />

    <LinearLayout
        android:layout_width="3dp"
        android:layout_height="30dp"
        android:layout_marginLeft="15dp"
        android:layout_marginTop="5dp"
        android:background="@android:color/background_light"
        android:orientation="vertical"
        tools:ignore="RtlHardcoded"></LinearLayout>

    <ImageButton
        android:id="@+id/setting"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="7.5dp"
        android:background="@android:color/transparent"
        app:srcCompat="@drawable/ic_setting"
        tools:ignore="ContentDescription,RtlHardcoded" />

    <LinearLayout
        android:layout_width="3dp"
        android:layout_height="30dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="5dp"
        android:background="@android:color/background_light"
        android:orientation="vertical"
        tools:ignore="RtlHardcoded"></LinearLayout>

    <ImageButton
        android:id="@+id/user"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="7.5dp"
        android:background="@android:color/transparent"
        app:srcCompat="@drawable/ic_user"
        tools:ignore="ContentDescription,RtlHardcoded" />

    <LinearLayout
        android:layout_width="3dp"
        android:layout_height="30dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="5dp"
        android:background="@android:color/background_light"
        android:orientation="vertical"
        tools:ignore="RtlHardcoded"></LinearLayout>

    <ImageButton
        android:id="@+id/message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="7.5dp"
        android:background="@android:color/transparent"
        app:srcCompat="@drawable/ic_message"
        tools:ignore="ContentDescription,RtlHardcoded" />

    <LinearLayout
        android:layout_width="3dp"
        android:layout_height="30dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="5dp"
        android:background="@android:color/background_light"
        android:orientation="vertical"
        tools:ignore="RtlHardcoded"></LinearLayout>

    <ImageButton
        android:id="@+id/favorite"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="7.5dp"
        android:background="@android:color/transparent"
        app:srcCompat="@drawable/ic_favorite"
        tools:ignore="ContentDescription,RtlHardcoded" />
</LinearLayout>

这是AVD的观点: MainActivity with custom Toolbar

最后工具栏布局:

renderMenuItemChildren.bind(this)

如何移动自定义布局并从背景中移除蓝色?

2 个答案:

答案 0 :(得分:0)

将以下行添加到工具栏,因为android小部件带有默认填充: 应用程式:contentInsetLeft =&#34; 0dp&#34;
应用程式:contentInsetStart =&#34; 0dp&#34;

此外,您必须在styles.xml文件中编辑MyMaterialTheme样式 - 此主题将应用于设置背景的AppBar。

答案 1 :(得分:0)

如何移动自定义布局?

通过添加以下Toolbar

更新您的attributes
<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/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:contentInsetStart="0dp" 
    android:contentInsetLeft="0dp"
    android:contentInsetRight="0dp"
    android:contentInsetEnd="0dp"
    app:contentInsetLeft="0dp"
    app:contentInsetStart="0dp"
    app:contentInsetRight="0dp"
    app:contentInsetEnd="0dp">

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

如何从背景中删除蓝色?

您可以使用属性Toolbar更改color背景android:background

<android.support.v7.widget.Toolbar
    ................
    .....................
    android:background="#ff0000"> <!--Here #ff0000 is for RED color-->

,您可以通过更改colorPrimary

styles.xml的值来实现此目的
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">#ff0000</item>
    <item name="colorPrimaryDark">#ff0000</item>
</style>

希望这会有所帮助〜