Android: hapus margin kiri dari tata letak kustom actionbar

Saya menggunakan tampilan actionbar khusus, dan seperti yang Anda lihat pada tangkapan layar di bawah ini, ada ruang abu-abu kosong di actionbar. Saya ingin menghapusnya.

Apa yang telah saya lakukan:

res / values-v11 / styles.xml

<style name="AppBaseTheme" parent="@style/Theme.AppCompat.Light">
        <item name="android:actionBarStyle">@style/ActionBarStyle</item>
        <item name="actionBarStyle">@style/ActionBarStyle</item>
</style>

res / values ​​/ my_custom_actionbar.xml

<resources xmlns:android="http://schemas.android.com/apk/res/android">
    <style name="ActionBarStyle" parent="@style/Widget.AppCompat.Light.ActionBar.Solid">
        <item name="android:height">60dp</item>
    </style>
</resources>

Nyata

<uses-sdk
        android:minSdkVersion="10"
        android:targetSdkVersion="19" />

<application
            android:icon="@drawable/ic_launcher"
            android:label="@string/AppName"
            android:theme="@style/AppBaseTheme" >
    <!-- activities... etc -->
</application>

Aktifitas utama

public void onCreate(Bundle bundle) {
    super.onCreate(bundle);

    ActionBar actionbar = getSupportActionBar();

    actionbar.setDefaultDisplayHomeAsUpEnabled(false);
    actionbar.setDisplayHomeAsUpEnabled(false);
    actionbar.setDisplayShowCustomEnabled(true);
    actionbar.setDisplayShowHomeEnabled(false);
    actionbar.setDisplayShowTitleEnabled(false);
    actionbar.setDisplayUseLogoEnabled(false);
    actionbar.setHomeButtonEnabled(false);

    // Add the custom layout
    View view = LayoutInflater.from(this).inflate(R.layout.actionbar, null, false);
    actionbar.setCustomView(view);
}

Saya telah menemukan posting baru-baru ini, yang menunjukkan bahwa ada masalah dengan rilis terbaru. Saya juga memperbarui ADT dan SDK ke Android 5.

Tampilan kustom Android ActionBar tidak mengisi induk

Saya tidak tahu apa yang harus saya lakukan.

Edit (solusi sebagian):

Tidak bekerja di Android <= API 10.

Android Lollipop, tampilan khusus AppCompat ActionBar tidak memakan seluruh lebar layar

Apa yang telah saya ubah:

Gunakan versi SDK terbaru:

<uses-sdk
        android:minSdkVersion="10"
        android:targetSdkVersion="21" />

Tambahkan toolbarStyle:

<style name="AppBaseTheme" parent="@style/Theme.AppCompat.Light">
        <item name="android:actionBarStyle">@style/ActionBarStyle</item>
        <item name="actionBarStyle">@style/ActionBarStyle</item>

        <item name="android:toolbarStyle">@style/ToolbarStyle</item>
        <item name="toolbarStyle">@style/ToolbarStyle</item>
</style>

<style name="ToolbarStyle" parent="@style/Widget.AppCompat.Toolbar">
    <item name="contentInsetStart">0dp</item>
    <item name="android:contentInsetStart">0dp</item>
</style>

Jika Anda menambahkan Toolbarvia XML, Anda bisa menambahkan atribut XML untuk menghapus inset konten.

<android.support.v7.widget.Toolbar
    xmlns:app="schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/primaryColor"
    android:contentInsetLeft="0dp"
    android:contentInsetStart="0dp"
    app:contentInsetLeft="0dp"
    app:contentInsetStart="0dp"
    android:contentInsetRight="0dp"
    android:contentInsetEnd="0dp"
    app:contentInsetRight="0dp"
    app:contentInsetEnd="0dp" />

coba ini:

    ActionBar actionBar = getSupportActionBar();
    actionBar.setDisplayShowHomeEnabled(false);
    actionBar.setDisplayShowCustomEnabled(true);
    actionBar.setDisplayShowTitleEnabled(false);
    View customView = getLayoutInflater().inflate(R.layout.main_action_bar, null);
    actionBar.setCustomView(customView);
    Toolbar parent =(Toolbar) customView.getParent();
    parent.setPadding(0,0,0,0);//for tab otherwise give space in tab
    parent.setContentInsetsAbsolute(0,0);

Saya menggunakan kode ini dalam proyek saya, semoga berhasil;

contentInsetStartInset kiri disebabkan oleh Toolbar yang secara default 16dp.

Ubah ini untuk menyelaraskan ke baris kunci.

Pembaruan untuk perpustakaan dukungan v24.0.0:

Untuk mencocokkan spesifikasi Material Design ada atribut tambahan contentInsetStartWithNavigationyang secara default adalah 16dp. Ubah ini jika Anda juga memiliki ikon navigasi.

Ternyata ini adalah bagian dari Spesifikasi Desain Bahan baru yang diperkenalkan di versi 24 perpustakaan Desain.

https://material.google.com/patterns/navigation.html

Namun, dimungkinkan untuk menghapus ruang tambahan dengan menambahkan properti berikut ke widget Toolbar.

app:contentInsetStartWithNavigation="0dp"

Sebelum :

Setelah:

Saya menemukan resolusi lain (referensi appcompat-v7) yang mengubah toolbarStyle, kode berikut:

<item name="toolbarStyle">@style/Widget.Toolbar</item>


<style name="Widget.Toolbar" parent="@style/Widget.AppCompat.Toolbar">
<item name="contentInsetStart">0dp</item>
</style>

<android.support.v7.widget.Toolbar
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="wrap_content"
app:contentInsetLeft="0dp"
app:contentInsetStart="0dp"
android:paddingLeft="0dp">

Ini seharusnya cukup bagus.

Cukup Ubah styles.xml Anda

<!-- ActionBar styles -->
    <style name="MyActionBar" parent="Widget.AppCompat.ActionBar">
        <item name="contentInsetStart">0dp</item>
        <item name="contentInsetEnd">0dp</item>
    </style>

Alih-alih menambahkan bilah alat di tata letak, Anda dapat mengatur tampilan khusus seperti yang ditunjukkan di bawah ini.

Toolbar parent = (Toolbar) customView.getParent();
parent.setContentInsetsAbsolute(0,0);

Hanya tambahkan app:contentInsetStart="0dp"ke bilah alat untuk menghapus ruang yang tersisa.

Jadi definisi Toolbar Anda terlihat seperti ini

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

dan terlihat seperti ini

Menggunakan AppCompatAcitivtyAnda dapat menggunakan hanya dengan

Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
View logo = getLayoutInflater().inflate(R.layout.custom_toolbar, null);
mToolbar.addView(logo, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
mToolbar.setContentInsetsAbsolute(0,0);

Anda perlu menambahkan baris ini app2: contentInsetStart = "0dp" di bilah alat Anda

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app2="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"
    app2:contentInsetStart="0dp"/>

Saya tidak menemukan solusi untuk masalah saya (gambar pertama) di mana pun, tetapi akhirnya saya berakhir dengan solusi paling sederhana setelah beberapa jam penggalian. Harap dicatat bahwa saya mencoba dengan banyak atribut xml seperti app:setInsetLeft="0dp", dll. Tetapi tidak satupun yang membantu dalam kasus ini.

Gambar 1

kode berikut menyelesaikan masalah ini seperti pada Gambar 2

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setContentView(R.layout.activity_main);

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


    //NOTE THAT: THE PART SOLVED THE PROBLEM.
    android.support.design.widget.AppBarLayout abl = (AppBarLayout)
            findViewById(R.id.app_bar_main_app_bar_layout);

    abl.setPadding(0,0,0,0);
}

Gambar 2

Mengatur atribut "contentInset ..." ke 0 di Toolbar tidak berfungsi untuk saya. Solusi Nilesh Senta untuk memperbarui gaya berhasil!

styles.xml

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="actionBarStyle">@style/Actionbar</item>
    <item name="android:titleTextStyle">@style/ActionbarTitle</item>
</style>

<style name="Actionbar" parent="Widget.AppCompat.ActionBar">
    <item name="contentInsetStart">0dp</item>
    <item name="contentInsetEnd">0dp</item>
</style>

java (onCreate)

ActionBar actionBar =  getSupportActionBar();

actionBar.setDisplayShowTitleEnabled(false);
actionBar.setDisplayHomeAsUpEnabled(false);
actionBar.setDisplayUseLogoEnabled(false);
actionBar.setDisplayShowCustomEnabled(true);

ActionBar.LayoutParams layoutParams = new ActionBar.LayoutParams(
            ActionBar.LayoutParams.MATCH_PARENT,
            ActionBar.LayoutParams.MATCH_PARENT
    );

View view = LayoutInflater.from(this).inflate(R.layout.actionbar_main, null);

actionBar.setCustomView(view, layoutParams);

Buat bilah alat seperti ini:

<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>

ikuti tautan ini untuk lebih banyak - Tip Android

hanya menambahkan android:padding="0dp"pekerjaan untukku

<android.support.v7.widget.Toolbar
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:padding="0dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

ActionBar ab = getSupportActionBar();
ab.setDisplayShowHomeEnabled(true);
      ab.setDisplayShowCustomEnabled(true);
      setDisplayShowTitleEnabled(true);
      View customView =     getLayoutInflater().inflate(R.layout.activity_main,null); //here activity_main.xml is the GUI design file.
ab.setCustomView(customView);
Toolbar parent =(Toolbar) customView.getParent(); //use V7 Toolbar import
parent.setContentInsetsAbsolute(0, 0);
setPadding(5,0,0,0);

ab.setIcon(R.mipmap.ic_launcher);

Anda cukup menggunakan tata letak relatif di dalam grup tampilan bilah alat di file xml Anda dan sesuaikan posisi widget saat Anda memerlukannya untuk kasus penggunaan Anda. Tidak perlu membuat tata letak khusus & mengembang dan melampirkan ke bilah alat. Setelah selesai dalam kode java Anda, gunakan setContentInsetsAbsolute (0,0) dengan objek bilah alat Anda sebelum mengaturnya sebagai bilah tindakan dukungan di tata letak Anda.

Akan lebih baik untuk menambahkan item latar belakang ke dalam gaya bilah tindakan aplikasi agar konsisten dengan warna latar belakang bilah tindakan yang disesuaikan:

<item name="android:background">@color/actionbar_bgcolor</item>

Setelah android 6.0, actionbar bahkan memiliki ruang margin-kanan dan tidak dapat diatur. Tambahkan penyesuaian margin kanan dalam aktivitas seperti ini: ( tampilan adalah bilah tindakan yang disesuaikan atau tombol kanan di dalamnya)

int rightMargin = Build.VERSION.SDK_INT>=Build.VERSION_CODES.M ? 0 : 8; // may the same with actionbar leftMargin in px
ViewGroup.MarginLayoutParams p = (ViewGroup.MarginLayoutParams) view.getLayoutParams();
p.setMargins(p.leftMargin, p.topMargin, rightMargin, p.bottomMargin);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1){
    p.setMarginEnd(rightMargin);
}
view.setLayoutParams(p);

Machenisme actionbar hanya didukung setelah aplikasi Android 3.0+. Jika kita menggunakan bilah alat (dari support lib v7) sebagai gantinya, kita harus tata letak di setiap xml dari setiap aktivitas, dan menangani masalah tumpang tindih dengan bilah status sistem di perangkat Android 5.0 atau yang lebih baru.

Kotlin

    supportActionBar?.displayOptions = ActionBar.DISPLAY_SHOW_CUSTOM;
    supportActionBar?.setCustomView(R.layout.actionbar);

    val parent = supportActionBar?.customView?.parent as Toolbar
    parent?.setPadding(0, 0, 0, 0)//for tab otherwise give space in tab
    parent?.setContentInsetsAbsolute(0, 0)

ini bekerja untuk saya

toolbar.setPadding(0,0,0,0);
toolbar.setContentInsetsAbsolute(0,0);

Jika Anda memeriksa dokumentasi bilah alat, secara default memiliki gaya yang ditentukan dan ada item contentInsetStart.

<item name="contentInsetStart">16dp</item>

Jika Anda ingin mengganti bantalan ini maka dapat dilakukan dengan dua cara.

1.Timpa gaya dan tambahkan gaya Anda sendiri dengan nilai contentInsetStart dan contentInsetEnd

<style name="MyActionBar" parent="Widget.AppCompat.ActionBar">
    <item name="contentInsetStart">0dp</item>
    <item name="contentInsetEnd">0dp</item>
</style>

2.Dalam XML, Anda dapat langsung menentukan nilai contentInsetStart dan contentInsetEnd

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    app:contentInsetLeft="0dp"
    app:contentInsetStart="0dp"
    android:layout_height="?attr/actionBarSize">

    <!--Add your views here-->

</androidx.appcompat.widget.Toolbar>

Apakah aplikasi Anda mendukung Android 5? Jika tidak mendukung maka Anda dapat menurunkan versi dukungan actionbar v7. Itu terlihat seperti:

kompilasi 'com.android.support:appcompat-v7:19.0.+' (Jangan gunakan v7: 21+)

juga membuat versi target aplikasi kurang dari 21.

targetSdkVersion 14

Jika aplikasi Anda mendukung Android 5 -> Anda akan memerlukan ToolBar khusus. (Karena appcombat-v7: 21 ada perubahan).