2016-04-11 3 views
1

これを私のCollapsing Toolbar Layoutに追加しようとしました。CollapsingToolbarLayoutでタイトルのフォントサイズを大きくするにはどうすればいいですか?

app:expandedTitleTextAppearance="@style/TextAppearance.AppCompat.Title"

app_bar_home.xml

<android.support.design.widget.CoordinatorLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:id="@+id/CoordinatorLayout" 
android:fitsSystemWindows="true"> 

<android.support.design.widget.AppBarLayout 
    android:fitsSystemWindows="true" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/AppBarLayout" 
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

    <android.support.design.widget.CollapsingToolbarLayout 
     android:id="@+id/collapsing_toolbar" 
     android:layout_height="300dp" 
     android:layout_width="match_parent" 
     app:contentScrim="?attr/colorPrimary" 
     app:expandedTitleGravity="center|center_horizontal" 
     app:layout_scrollFlags="scroll|exitUntilCollapsed" 
    app:expandedTitleTextAppearance="@style/TextAppearance.AppCompat.Title"> 

     <ImageView 
      app:backgroundTint="@color/text" 
      android:id="@+id/canteen_logo" 
      android:layout_height="match_parent" 
      android:layout_width="match_parent" 
      android:scaleType="fitCenter" 
      android:fitsSystemWindows="true" 
      app:layout_collapseMode="parallax" 
      app:layout_collapseParallaxMultiplier="0.7" 
      app:srcCompat="@drawable/canteen_logo1" 
      /> 

     <android.support.v7.widget.Toolbar 
      android:textAllCaps="true" 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary" 
      app:popupTheme="@style/toolbar_popup_style" 
      app:layout_collapseMode="pin"/> 
    </android.support.design.widget.CollapsingToolbarLayout> 

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

そして、ここに私のstyles.xmlです:

<style name="TextAppearance.AppCompat.Title"> 
    <item name="android:textSize">32sp</item> 
</style> 

これは私が私のHome.javaを持っているとしようとしたものですそれらを削除するが、私はまだそれを修正することができませんでした。

CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout) 
    findViewById(R.id.collapsing_toolbar); 
    collapsingToolbar.setCollapsedTitleTextAppearance(R.style.CollapsedAppBar); 
    collapsingToolbar.setExpandedTitleTextAppearance(R.style.ExpandedAppBar); 

とのstyles.xmlにこれを追加する:

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

<style name="ExpandedAppBar" parent="@android:style/TextAppearance"> 
    <item name="android:textSize">76sp</item> 
</style> 
+3

[CollapsingToolbarLayoutの書体とサイズを変更するにはどうすればいいですか?](http://stackoverflow.com/questions/31738831/how-to-change-collapsingtoolbarlayout-typeface-and-size) – buczek

+1

ちょっとJovie、これは問題なく動作します私のために。おそらくもっとレイアウトコードを投稿できるので、何か他のものが干渉しているのを見ることができますか?また、タイトルはどのように設定されていますか?関連するJavaコードも役に立ちます。 –

+0

@PaulBurkeアクティビティが作成されたときにタイトルが自動的に設定されましたが、setTitle( "CANTEEN")を追加して大文字にしました。私の活動についてonCreateで。 – brettbrdls

答えて

2

<android.support.design.widget.CollapsingToolbarLayout 
     android:id="@+id/collapsing_toolbar_layout" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:collapsedTitleTextAppearance="@style/collapsed_app_bar" 
     app:contentScrim="@color/colorPrimary" 
     app:expandedTitleTextAppearance="@style/TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse" 
     app:layout_scrollFlags="scroll|exitUntilCollapsed"> 

次に通知collapsedTitleTextAppearaceexpandedTitleTextAppearanceの属性。私の場合、値のリソースファイルのstyle.xmlに以下を追加します。

<style name="collapsed_app_bar" parent="@android:style/TextAppearance"> 
    <item name="android:textSize">40sp</item> 
    <item name="android:textColor">#f0f</item> 
</style> 

これは役に立ちます。

0

また、あなたはあなたのapp_bar_home.xmlに次のように追加することができますアクティビティのonCreateにこれを追加することで、それを修正

CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout) 
      findViewById(R.id.collapsing_toolbar); 
    final Typeface sp = Typeface.createFromAsset(this.getAssets(), "fonts/FuturaPTMedium.otf"); 
    final Typeface tf = Typeface.createFromAsset(this.getAssets(), "fonts/FuturaPTBook.otf"); 
    collapsingToolbar.setCollapsedTitleTypeface(sp); 
    collapsingToolbar.setExpandedTitleTypeface(tf); 
    setTitle("CANTEEN"); 
関連する問題