2016-03-20 7 views
3

Ich versuche, benutzerdefinierte Symbolleiste zu verwenden, mit 2-Symbol und RelativeLayer und hängen CollapsingToolbarLayout für Einstürzen Titel und Bild, aber Titel Text-Overlay auf der rechten Seite Symbol und Polsterung arbeiten nichtÄnderung Marge und Schwerkraft kollabiert Titel in Symbolleiste

<android.support.design.widget.AppBarLayout 
     android:id="@+id/appbar_toolbar" 
     android:layout_height="192dp" 
     android:layout_width="match_parent"> 
    <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/collapsing_toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:fitsSystemWindows="true" 
      app:expandedTitleMarginStart="64dp" 
      app:collapsedTitleTextAppearance="@style/ExpandedAppBar" 
      app:paddingStart="10dp" 
      app:paddingEnd="10dp" 
      app:contentScrim="#ffffff" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed"> 
     <ImageView 
       android:src="@drawable/about_img" 
       app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:scaleType="centerCrop" 
       app:layout_collapseMode="parallax"/> 
     <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       app:layout_collapseMode="pin" 
       android:background="#ffffff" 
       app:backgroundTint="#ffffff" 
       app:contentInsetLeft="0dp" 
       app:contentInsetStart="0dp" 
       android:layout_height="50dp" 
       app:layout_scrollFlags="scroll|enterAlways"> 
      <RelativeLayout 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" android:paddingRight="10dip" 
        android:gravity="center_vertical" android:paddingLeft="10dip" android:id="@+id/re_toolbar"> 
       <ImageView 
         android:layout_width="20dip" 
         android:layout_height="wrap_content" 
         android:id="@+id/img_menu" android:src="@drawable/menu_icon" android:layout_alignParentRight="true" 
         android:paddingTop="10dip"/> 
       <ImageView 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:id="@+id/img_header_info" 
         android:src="@drawable/ic_header_info" android:layout_alignParentLeft="true" 
         android:paddingTop="5dip"/> 
      </RelativeLayout> 
     </android.support.v7.widget.Toolbar> 
    </android.support.design.widget.CollapsingToolbarLayout> 
</android.support.design.widget.AppBarLayout> 

Stildatei :

<style name="CollapsedAppBar" parent="@android:style/TextAppearance"> 
    <item name="android:textSize">15sp</item> 
    <item name="android:textStyle">normal</item> 

aber ich kann Textrand und Textausrichtung nicht ändern.

Notwendigkeit margin:

title need margin title need margin

Benötigen ausrichten:

enter image description here

und Abhängigkeiten:

compile 'com.android.support:appcompat-v7:22.+' 
compile 'com.android.support:design:22.+' 
compile 'com.android.support:recyclerview-v7:22.+' 
compile 'com.android.support:cardview-v7:22.+' 

Antwort

0

Try von Line mit arLayout mit horizontaler Ausrichtung anstelle von RelativeLayout. Setzen Sie beide ImageViews in LinearLayout. LinearLayout lässt sein Kind nicht überlappen.
Sie können Überschrift auch als Titel der Symbolleiste hinzufügen.
versuchen, diese Methode:

getSupportActionBar().setTitle("Your Title"); 
+0

Test dieser Punkt nicht funktioniert, noch die Überschrift über das Foto platziert – Saman

+0

Antwort aktualisiert sehen –

+0

I Verwendung Bildparallaxe kollabierte Symbolleiste versuchen und CollapsingToolbar.setTitle („Title“) verwenden; für gesetzten Titel. wenn getSupportActionBar() verwendet wird setTitle ("TITLE"); Titel Dosis nicht zeigen – Saman

Verwandte Themen