Android: Comment faire pour centrer le titre dans la Barre d'outils

Le problème avec le simple ajout d'un TextView dans la Barre d'outils alignés centre est d'ajouter des éléments de menu dans la barre d'outils qui décalage du texte centré.

Pour contourner ce problème, j'ai disposé les couches de texte en haut de la Barre d'outils, pas à l'intérieur. De cette manière, il n'a pas d'importance combien d'icônes que vous ajoutez, elle ne compensera pas le texte centré:

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:theme="@style/ThemeOverlay.AppCompat.ActionBar">
        </android.support.v7.widget.Toolbar>

        <TextView
            android:layout_centerInParent="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/app_name"/>

    </RelativeLayout>
</android.support.design.widget.AppBarLayout>

De cette façon, il n'est pas nécessaire pour une logique supplémentaire pour compenser le décalage de l'espacement des boutons de retour/menu de dépassement/des icônes de recherche etc. sur la barre d'outils, parce que le texte centré est au-dessus d'elle, pas à lui.

OriginalL'auteur jesobremonte

Barre d'outils est une Vue de Groupe. donc, Pour
Centre d'Aligner Le texte de

app_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res/in.chabu"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    app:theme="@style/ToolBarTheme" 
    android:minHeight="?attr/actionBarSize">

     <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/title_activity_sign_up"
        android:layout_gravity="center"
        android:id="@+id/toolbar_title" 
        android:textStyle="bold"
        android:textColor="@android:color/white"/>

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

activity_sign_up

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="in.chabu.activities.SignUpActivity" >

    <include 
        android:id="@+id/tool_bar"
        layout="@layout/app_bar"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tool_bar"
        android:text="@string/hello_world" />

</RelativeLayout>

Avtivity

public class SignUpActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_sign_up);

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

        setSupportActionBar(toolbar);

        getSupportActionBar().setDisplayShowTitleEnabled(false);
    }


}

OriginalL'auteur Umesh Kumar Saraswat

Juste mettre un autre TextView à l'intérieur de Toolbar n'est pas suffisant pour obtenir le titre centré par rapport à l'écran, sa position dépend d'autres éléments dans une barre d'outils (bouton de retour, les éléments de menu).

Faire titre centré, vous pouvez définir manuellement sa position:

Étendre android.support.v7.widget.Toolbar classe et de faire des modifications suivantes:

1. ajouter TextView
2. remplacer onLayout() et définir TextView emplacement de centre (titleView.setX((getWidth() - titleView.getWidth())/2))
3. remplacer setTitle() où le titre du jeu le texte dans le nouveau texte de la vue

 public class CenteredToolbar s'étend de la Barre d'outils { 

private TextView titleView; 

public CenteredToolbar(Context context) { 
ce(contexte, null); 
} 

public CenteredToolbar(contexte Contexte, @Nullable AttributeSet attrs) { 
ce(context, attrs, android.de soutien.v7.appcompat.R.attr.toolbarStyle); 
} 

public CenteredToolbar(contexte Contexte, @Nullable AttributeSet attrs, int defStyleAttr) { 
super(context, attrs, defStyleAttr); 

titleView = new TextView(getContext()); 

int textAppearanceStyleResId; 
TypedArray a = contexte.getTheme().obtainStyledAttributes(attrs, 
new int[] { android.de soutien.v7.appcompat.R.attr.titleTextAppearance }, defStyleAttr, 0); 
try { 
textAppearanceStyleResId = un.getResourceId(0, 0); 
} finally { 
un.recycler(); 
} 
si (textAppearanceStyleResId > 0) { 
titleView.setTextAppearance(contexte, textAppearanceStyleResId); 
} 

addView(titleView, de nouvelles LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); 
} 

@Override 
protected void onLayout(boolean changé, int l, int t, int r, int b) { 
super.onLayout(modifié, l, t, r, b); 
titleView.setX((getWidth() - titleView.getWidth())/2); 
} 

@Override 
public void setTitle(CharSequence titre) { 
titleView.setText(titre); 
} 
} 

Dans la mise en page que vous pouvez utiliser cette classe comme ceci:

<com.example.CenteredToolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:elevation="4dp"
    android:theme="@style/ToolbarTheme"/>

Aussi, pour faire le nouveau texte de titre de ressembler à titre de standard, que vous devez appliquer titleTextAppearance style nouveau TextView (titleView.setTextAppearance(context, textAppearanceStyleResId)).

OriginalL'auteur user2137020

Autant que la barre d'outils est un groupe affichage de sorte que vous pouvez créer des mises en page à l'intérieur .
Suivez ces étapes

1-Créer un textview à l'intérieur de votre Barre d'outils
2-faire à votre textview centre de gravité

    <android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay" >
<de.hdodenhof.circleimageview.CircleImageView xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/profile_image"
android:layout_width="44dp"
android:layout_height="55dp"
android:src="@drawable/profile"
app:civ_border_color="@color/secondary_text"
app:civ_border_width="2dp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Title"
android:gravity="center"
style="@style/Base.TextAppearance.AppCompat.Widget.ActionBar.Title"
/>
</android.support.v7.widget.Toolbar>

OriginalL'auteur Kiarash

Utilisation titre personnalisé (avec centre de gravité) à l'intérieur de la barre d'outils

     <android.support.v7.widget.Toolbar           
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:animateLayoutChanges="true"
android:backgroundTint="@color/colorPrimary"
android:background="?attr/colorPrimary"
android:elevation="4dp"
android:minHeight="?android:attr/actionBarSize"
app:layout_collapseMode="pin"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:popupTheme="@style/AppTheme.PopupOverlay"
app:titleTextAppearance="@style/Toolbar.TitleText" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/toolbar_title"
android:text="Title"
android:layout_gravity="center"/>
</android.support.v7.widget.Toolbar>

OriginalL'auteur ben10

ensemble collapsedTitleGravity au centre

<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="150dp"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:collapsedTitleGravity="center"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginStart="20dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:fitsSystemWindows="true"
app:layout_collapseMode="pin"
app:titleMarginTop="10dp"
app:layout_scrollFlags="scroll|enterAlways" ></android.support.v7.widget.Toolbar>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>

OriginalL'auteur ZIRES

Je pense que cela va fonctionner.

name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"

changer votre thème de base dans values/styles.xml

Que d'ajouter à votre Barre d'outils manuellement comme ceci

<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:background="?attr/colorPrimary"
android:minHeight="?attr/actionBarSize"
android:theme="?attr/actionBarTheme"
app:title="Title"
app:titleMarginStart="155dp"
app:titleTextColor="@android:color/white" />

Mais ce n'est pas une bonne idée que cela ne fonctionne bien.

OriginalL'auteur NecroMancer