TabLayoutフォントを変更することはできません

Question

こんにちはみんな私はアプリのロゴ用に予約されているツールバーを持っているタブ付きのアプリケーションに取り組んでいます。名前は実際のテキストビューではないので、私はそれを理解できませんでした。フォーラムや他の場所ではうまく検索されましたが、答えが見つからないので、簡単にそれらのタブ名のフォントを変更しますここで私のコードは助けてくれてありがとう！ここで

public class MainActivity extends AppCompatActivity { 

public Toolbar toolbar; 
private TabLayout tabLayout; 
private ViewPager viewPager; 

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


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

    getSupportActionBar().setDisplayHomeAsUpEnabled(false); 
    getSupportActionBar().setDisplayShowTitleEnabled(false); 

    viewPager = (ViewPager) findViewById(R.id.viewpager); 
    setupViewPager(viewPager); 

    tabLayout = (TabLayout) findViewById(R.id.tabs); 
    tabLayout.setupWithViewPager(viewPager); 
    viewPager.setCurrentItem(4); 


} 


private void setupViewPager(ViewPager viewPager) { 
    ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager()); 
    //here i set the fragments to use i have separate fragment.java 
    // for each page i show that refers to another xml that shows the content 
    //the words between "" are the tabs name and i need to change their fonts :(
    adapter.addFragment(new FiveFragment(),"ثقافة"); 
    adapter.addFragment(new FourFragment(), "فن"); 
    adapter.addFragment(new ThreeFragment(), "تعليم"); 
    adapter.addFragment(new TwoFragment(), "تاريخ"); 
    adapter.addFragment(new OneFragment(), "علوم"); 

    viewPager.setAdapter(adapter); 
} 

class ViewPagerAdapter extends FragmentPagerAdapter { 
    private final List<Fragment> mFragmentList = new ArrayList<>(); 
    private final List<String> mFragmentTitleList = new ArrayList<>(); 

    public ViewPagerAdapter(FragmentManager manager) { 
     super(manager); 
    } 

    @Override 
    public Fragment getItem(int position) { 
     return mFragmentList.get(position); 
    } 

    @Override 
    public int getCount() { 
     return mFragmentList.size(); 
    } 

    public void addFragment(Fragment fragment, String title) { 
     mFragmentList.add(fragment); 
     mFragmentTitleList.add(title); 
    } 

    @Override 
    public CharSequence getPageTitle(int position) { 
     return mFragmentTitleList.get(position); 
    } 
} 

}

あなたはフォントを変更するためにあなたのTabLayoutにカスタムスタイルを設定することができます主な活動XML

<android.support.design.widget.CoordinatorLayout 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="match_parent"> 

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

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     app:contentInsetLeft="0dp" 
     app:contentInsetStart="0dp" 
     android:background="?attr/colorPrimary" 
     app:layout_scrollFlags="scroll|enterAlways" 
     app:popupTheme="@style/ThemeOverlay.AppCompat.Light"> 
     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:orientation="vertical"> 

      <ImageView 
      android:id="@+id/logo" 
      android:src="@drawable/icon" 
      android:layout_width="60dp" 
      android:layout_height="58dp" 
      android:layout_marginRight="323dp" 
      android:layout_marginEnd="330dp" 
      android:adjustViewBounds="true" 
      android:layout_alignParentTop="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentEnd="true" /> 
     </LinearLayout> 
    </android.support.v7.widget.Toolbar> 


    <android.support.design.widget.TabLayout 
     android:id="@+id/tabs" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:tabMode="fixed" 
     app:tabTextColor="#000" 
     app:tabTextAppearance="@style/MineCustomTabText" 
     app:tabGravity="fill"/> 
</android.support.design.widget.AppBarLayout> 

<android.support.v4.view.ViewPager 
    android:id="@+id/viewpager" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:textColor="#0ff" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior"/> 

Answer 1

です。

使用スタイル

はあなたのstyles.xmlで新しいスタイルを作成します。

<style name="AppTabLayout" parent="Widget.Design.TabLayout"> 
    <item name="tabTextAppearance">@style/YourTextAppareance</item> 
</style> 

はその後 YourTextAppareanceスタイルを設定します。

<android.support.design.widget.TabLayout 
     android:id="@+id/tabs" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:tabMode="fixed" 
     style="@style/AppTabLayout" 
     app:tabTextColor="#000" 
     app:tabTextAppearance="@style/MineCustomTabText" 
     app:tabGravity="fill"/> 

このから撮影：

<style name="YourTextAppareance" parent="TextAppearance.Design.Tab"> 
    <item name="android:fontFamily">sans-serif</item> 
</style> 

は最後に、あなたのTabLayoutにスタイルを設定

これを行うための別の方法は、カスタムビューを使用することですカスタムビューを使用してTabLayout tab style

カスタムビューのレイアウトでフォントを設定します。しかし、これはもっと複雑な方法です。なぜなら、「選択された」と「選択されていない」ときにビューを処理する必要があるからです。

public class SectionsPageAdapter extends FragmentPageViewAdapter { 

public SectionsPageAdapter(FragmentManager fm) { 
    super(fm); 
} 

@Override 
public View getCustomView(int position, View v, boolean selected) { 

    if (v == null) { 
     LayoutInflater li = LayoutInflater.from(App.getApplication()); 
     v = li.inflate(R.layout.view_tab, null); 
    } 

    TextView textView = (TextView) v.findViewById(R.id.textView); 
    // Change your font on the textview here. 

    textView.setText(getPageTitle(position)); 

    // Take in account the selected var if you want another layout when 
    // tab is selected. 

    return v; 
} 

@Override 
public Fragment getItem(int position) { 
    // getItem is called to instantiate the fragment for the given page. 
    if (position == 0) 
     return Fragment.newInstance(); 
    else if (position == 1) 
     return Fragment.newInstance(); 
    else 
     return Fragment.newInstance(); 
} 

@Override 
public int getCount() { 
    // Show 3 total pages. 

    return 3; 
} 

@Override 
public CharSequence getPageTitle(int position) { 
    switch (position) { 
     case 0: 
      return "Tab 1"; 
     case 1: 
      return "Tab 2"; 
     case 2: 
      return "Tab 3"; 
    } 
    return null; 
} 
} 

次に、タブのリストを参照してカスタム表示を追加します。

for (int i=1; i < mSectionsPagerAdapter.getCount(); i++) 
{ 
    tabLayout.getTabAt(i).setCustomView(mSectionsPagerAdapter.getCustomView(i, null, false)); 
} 

ビューを更新するonPageSelected変更をチェックするのを忘れないでください：

mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { 
     @Override 
     public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { 

     } 

     @Override 
     public void onPageSelected(int position) { 
      for (int i = 0; i < tabLayout.getTabCount(); i++) { 
       if (i == position) 
        tabLayout.getTabAt(i).setCustomView(mSectionsPagerAdapter.getCustomView(i, tabLayout.getTabAt(i).getCustomView(), true)); 
       else 
        tabLayout.getTabAt(i).setCustomView(mSectionsPagerAdapter.getCustomView(i, tabLayout.getTabAt(i).getCustomView(), false)); 
      } 
     } 

     @Override 
     public void onPageScrollStateChanged(int state) { 

     } 
    }); 

リマインダーのため、ここではプログラムでフォントを変更する方法である：

Typeface font=Typeface.createFromAsset(getAssets(), "fonts/DejaVuSerif-Italic.ttf"); 
newfont.setTypeface(font);