การเสริมแถบเครื่องมือ Android API 21

ฉันจะกำจัดส่วนเสริมพิเศษใน Toolbar ใหม่ด้วย Android SDK API เวอร์ชัน 21 (ห้องสมุดสนับสนุน) ได้อย่างไร

ฉันกำลังพูดถึงลูกศรสีแดงในภาพนี้:

นี่คือรหัสที่ฉันใช้:

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:background="?attr/colorPrimary"
        android:padding="0dp"
        android:layout_margin="0dp">

        <RelativeLayout
            android:id="@+id/action_bar_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="0dp"
            android:padding="0dp"
            android:background="#000000">

            <Spinner
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>

        </RelativeLayout>
</Toolbar>

อย่างที่คุณเห็นฉันได้ตั้งค่าช่องว่างภายในที่เกี่ยวข้องทั้งหมดเป็น 0 แต่ยังมีช่องว่างภายในรอบตัวหมุน ฉันทำอะไรผิดหรือฉันต้องทำอย่างไรเพื่อกำจัดช่องว่างภายในเพิ่มเติม

แก้ไข บางคนถามว่าทำไมฉันถึงพยายามทำเช่นนี้

ตามข้อกำหนดการออกแบบวัสดุสปินเนอร์ควรเป็น 72dp จากด้านซ้าย

ฉันต้องต่อต้านการแพ็ดดิ้งของ Google ที่วางไว้เพื่อวางสปินเนอร์อย่างถูกต้อง:

แก้ไข 2

ตามคำตอบของ Chris Bane ฉันตั้ง contentInsetStart เป็น 0 สำหรับไลบรารี่สนับสนุนคุณจะต้องใช้เนมสเปซ

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

     <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:minHeight="@dimen/action_bar_height"
        android:background="?attr/colorPrimary"
        android:contentInsetStart="0dp"
        android:contentInsetLeft="0dp"
        app:contentInsetLeft="0dp"
        app:contentInsetStart="0dp"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

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

ฉันหวังว่านี่จะช่วยใครซักคนมันทำให้ฉันสับสนเป็นเวลาหลายวัน

สิ่งที่ใส่เข้าไปด้านซ้ายเกิดจาก Toolbar contentInsetStartซึ่งโดยค่าเริ่มต้นคือ 16dp

เปลี่ยนเป็น 72dp เพื่อจัดแนวกับ keyline

อัพเดทสำหรับห้องสมุดสนับสนุน v24.0.0:

เพื่อให้ตรงกับข้อมูลจำเพาะการออกแบบวัสดุมีแอตทริบิวต์เพิ่มเติมcontentInsetStartWithNavigationซึ่งโดยค่าเริ่มต้นคือ 16dp เปลี่ยนค่านี้หากคุณมีไอคอนการนำทางด้วย

คำตอบข้างต้นถูกต้อง แต่ยังมีสิ่งหนึ่งที่อาจสร้างปัญหา (อย่างน้อยก็สร้างปัญหาให้ฉัน)

ฉันใช้สิ่งต่อไปนี้และทำงานไม่ถูกต้องกับอุปกรณ์รุ่นเก่า -

android:contentInsetStart="0dp"
android:contentInsetLeft="0dp"
app:contentInsetLeft="0dp"
app:contentInsetStart="0dp"

เคล็ดลับอยู่ที่นี่เพียงใช้ต่อไปนี้ -

app:contentInsetLeft="0dp"
app:contentInsetStart="0dp"

และกำจัด -

android:contentInsetStart="0dp"
android:contentInsetLeft="0dp"

และตอนนี้มันควรจะทำงานได้ดีในทุกอุปกรณ์

หวังว่ามันจะช่วย

ง่าย ๆ เพิ่มสองบรรทัดนี้ในแถบเครื่องมือ จากนั้นเราจะได้พื้นที่ bcoz ที่ถูกลบออกใหม่โดยค่าเริ่มต้นคือ 16dp

android:contentInsetStart="0dp"
app:contentInsetStart="0dp"

ในกรณีที่คนอื่นสะดุดที่นี่ ... คุณสามารถตั้งค่าช่องว่างภายในได้เช่น:

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

int padding = 200 // padding left and right

toolbar.setPadding(padding, toolbar.getPaddingTop(), padding, toolbar.getPaddingBottom());

หรือcontentInset :

toolbar.setContentInsetsAbsolute(toolbar.getContentInsetLeft(), 200);

นี่คือสิ่งที่ฉันทำและทำงานได้อย่างสมบูรณ์บน Android ทุกรุ่น

toolbar.xml

<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="56dp"
    android:background="@color/primary_color"
    app:theme="@style/ThemeOverlay.AppCompat"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

    <TextView
        android:id="@+id/toolbar_title"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginLeft="16dp" <!-- Add margin -->
        android:layout_marginStart="16dp"
        android:gravity="left|center"
        android:text="Toolbar Title" <!-- Your title text -->
        android:textColor="@color/white" <!-- Matches default title styles -->
        android:textSize="20sp"
        android:fontFamily="sans-serif-medium"/>

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

MyActivity.java (เพื่อซ่อนชื่อแถบเครื่องมือเริ่มต้น)

getSupportActionBar().setDisplayShowTitleEnabled(false); // Hide default toolbar title

ผลลัพธ์ด้วย Keylines ที่แสดง

ทำแถบเครื่องมือของคุณเช่น:

<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/menuToolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="0dp"
android:background="@color/white"
android:contentInsetLeft="10dp"
android:contentInsetRight="10dp"
android:contentInsetStart="10dp"
android:minHeight="?attr/actionBarSize"
android:padding="0dp"
app:contentInsetLeft="10dp"
app:contentInsetRight="10dp"
app:contentInsetStart="10dp"></android.support.v7.widget.Toolbar>

คุณต้องเพิ่ม

contentInset

คุณลักษณะเพื่อเพิ่มระยะห่าง

โปรดไปที่ลิงก์นี้เพื่อดูเพิ่มเติม - เคล็ดลับ Android

การรวมกันของ

android:padding="0dp" ใน xml สำหรับ Toolbar

และ

mToolbar.setContentInsetsAbsolute(0, 0) ในรหัส

สิ่งนี้ใช้ได้สำหรับฉัน

สิ่งนี้ใช้ได้กับฉันบนโทรศัพท์ Android 7.11 ของฉัน:

<!-- TOOLBAR -->
<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:contentInsetStartWithNavigation="0dp">

    <TextView
        style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title"
        android:id="@+id/toolbar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/create_account_title"
        android:textColor="@color/color_dark_grey"/>

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

หมายเหตุ:ฉันไม่ประสบความสำเร็จอย่างสมบูรณ์กับการเติม = 0 หรือ contentInsetLeft = 0 หรือ contentInsetStart = 0

ตกลงถ้าคุณต้องการ 72dp คุณไม่สามารถเพิ่มความแตกต่างในการใส่ในไฟล์ xml ได้หรือไม่? วิธีนี้ทำให้คุณใช้ Android / Padding ที่เป็นค่าเริ่มต้นซึ่งพวกเขาต้องการให้เราใช้

ดังนั้น: 72-16 = 56

ดังนั้น: เพิ่มการเติมเต็ม 56dp เพื่อทำให้ตัวเองอยู่ในการเยื้อง / มาร์จิ้นรวม 72dp

หรือคุณสามารถเปลี่ยนค่าในไฟล์ Dimen.xml นั่นคือสิ่งที่ฉันทำตอนนี้ มันเปลี่ยนแปลงทุกอย่างเลย์เอาท์ทั้งหมดรวมถึงแถบเครื่องมือเมื่อนำไปใช้ในรูปแบบ Android ที่เหมาะสม

ไฟล์ Dimen Resource

ลิงก์ที่ฉันเพิ่มจะแสดงค่า Dimen ที่ 2dp เพราะฉันเปลี่ยน แต่เป็นชุดเริ่มต้นที่ 16dp เพียงแค่ FYI ...

((Toolbar)actionBar.getCustomView().getParent()).setContentInsetsAbsolute(0,0);