ActionBar - vue personnalisée avec centrée ImageView, des Éléments d'Action sur les côtés

Expliqué:

La rose conteneur, est l'espace réel où vous pourrez ajouter de la vue.

Le truc en faisant des maths, au centre de la Vue (quoi que) pour le milieu.

Dans mon cas, le point de Vue a été un TextView. Voici ma méthode:

public void addTextToActionBar( String textToSet )
{
mActionbar.setDisplayShowCustomEnabled( true );
//Inflate the custom view
LayoutInflater inflater = LayoutInflater.from( this );
View header = inflater.inflate( R.layout.actionbar_header, null );
//Here do whatever you need to do with the view (set text if it's a textview or whatever)
TextView tv = (TextView) header.findViewById( R.id.program_title );
tv.setText( textToSet );
//Magic happens to center it.
int actionBarWidth = DeviceHelper.getDeviceWidth( this ); //Google for this method. Kinda easy.
tv.measure( 0, 0 );
int tvSize = tv.getMeasuredWidth();
try
{
int leftSpace = 0;
View homeButton = findViewById( android.R.id.home );
final ViewGroup holder = (ViewGroup) homeButton.getParent();
View firstChild =  holder.getChildAt( 0 );
View secondChild =  holder.getChildAt( 1 );
leftSpace = firstChild.getWidth()+secondChild.getWidth();
}
catch ( Exception ignored )
{}
mActionbar.setCustomView( header );
if ( null != header )
{
ActionBar.LayoutParams params = (ActionBar.LayoutParams) header.getLayoutParams();
if ( null != params )
{
int leftMargin =  ( actionBarWidth / 2 - ( leftSpace ) ) - ( tvSize / 2 ) ;
params.leftMargin = 0 >= leftMargin ? 0 : leftMargin;
}
}
}

Mise en page:

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal|center_vertical|center"
android:orientation="horizontal" >
<TextView
android:id="@+id/program_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@android:color/white"
android:contentDescription="@string/content_description_program_title"
android:ellipsize="end"
android:maxLines="1"
android:textSize="22sp"/>
</RelativeLayout>

Profiter.

J'ai rencontré ce problème,voici ma solution:

   ActionBar.LayoutParams layoutParams = new  ActionBar.LayoutParams(ActionBar.LayoutParams.MATCH_PARENT, 
ActionBar.LayoutParams.MATCH_PARENT);
layoutParams.gravity = Gravity.CENTER_HORIZONTAL|Gravity.CENTER_HORIZONTAL;
actionBar.setCustomView(yourCustomView,layoutParams);

Je suis confronté au même problème et je propose la solution suivante:

1. dans votre res/layout/actionbar_custom_view_home.xml modifier la largeur de la mise en page à wrap_content:

   android:layout_width="wrap_content"

2. Obtenir la largeur de la barre d'action comme ceci:

   Display display = getWindowManager().getDefaultDisplay();
   Point size = new Point();
   display.getSize(size);
   //width of action bar is the same as width of whole screen
   final int actionBarWidth = size.x;

3. Ajouter layoutListener à votre customActionBarView:

   customActionBarView.addOnLayoutChangeListener(
   new OnLayoutChangeListener() {
   @Override
   public void onGlobalLayout() {
   float x = customActionBarView.getX();
   int logoImageWidth = imageLogo.getWidth();
   int logoPosition = actionBarWidth / 2 - logoImageWidth / 2;
   if (x != logoPosition) {
   customActionBarView.setX(logoPosition);
   customActionBarView.requestLayout();
   } else {
   customActionBarView.removeOnLayoutChangeListener(this);
   }
   }
   }
   );

La fin de la partie, mais au cas où il permet à quiconque - utiliser une couche de liste et de le définir comme arrière-plan. Sinon, le logo sera centrage en fonction de l'espace restant, pas l'intégralité de la barre d'outils, comme Reinherd mentionne.

Vous pouvez utiliser une couche de liste avec un arrière-plan statique couleur, et une image avec la gravité ensemble vers le centre, comme ci-dessous. Espérons que cela aide!

de la barre d'outils.axml

<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="?attr/actionBarSize"
android:background="@drawable/toolbar_background"
android:theme="@style/ThemeOverlay.AppCompat.Dark"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:layout_scrollFlags="scroll|enterAlways"
app:layout_collapseMode="pin">
</android.support.v7.widget.Toolbar>

toolbar_background.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<solid android:color="@color/colorPrimary" />
</shape>
</item>
<item>
<bitmap android:src="@drawable/logo" android:gravity="center" />
</item>
</layer-list>