Android Viewpager에서 TabLayout으로 아이콘을 설정하는 방법

Question

내 Viewpager에 아이콘과 제목을 표시하고 싶습니다. activity_main.xml

<android.support.v4.view.ViewPager android:layout_height="match_parent" 
android:layout_width="match_parent" 
android:id="@+id/pageViewer" 
xmlns:android="http://schemas.android.com/apk/res/android"> 

<android.support.design.widget.TabLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content" /> 

</android.support.v4.view.ViewPager> 

CustomPagerAdapter.java 내가 어댑터를 호출 MainActivity.java의

public class TabsAdapter extends FragmentPagerAdapter { 

    public TabsAdapter(FragmentManager fg){ 
     super(fg); 
    } 
    @Override 
    public Fragment getItem(int position) { 
     switch (position){ 
      case 1: 
       return new TabBlueFragments(); 
      case 0: 
       return new TabGreenFragment(); 
      case 2: 
       return new TabRedFragment(); 
     } 
     return null; 
    } 

    @Override 
    public CharSequence getPageTitle(int position) { 
     switch (position){ 
      case 1: 
       return "Blue"; 
      case 0: 
       return "Green"; 
      case 2: 
       return "Red"; 
     } 
     return ""; 
    } 

    @Override 
    public int getCount() { 
     return 3; 
    } 
} 

섹션.

viewPager=(ViewPager)findViewById(R.id.pageViewer); 

TabsAdapter adapter = new TabsAdapter(getSupportFragmentManager()); 
viewPager.setAdapter(adapter); 

나는 아이콘을 반환하는 방법을 놓쳤다. 하지만 제목이 제대로 표시됩니다.

Answer 1

SpannableStringBuilder를 사용하여 페이지 제목에 텍스트 UI가있는 아이콘을 만들 수 있습니다. 코드 아래 참조 :이 당신을 도울 것입니다

@Override 
    public CharSequence getPageTitle(int position) { 
     switch (position){ 
      case 1: 
       SpannableStringBuilder blue = new SpannableStringBuilder("Blue 
       "); 
       myDrawable.setBounds(0, 0, myDrawable.getIntrinsicWidth(), 
       myDrawable.getIntrinsicHeight()); 
       ImageSpan span = new ImageSpan(myDrawable, 
       ImageSpan.ALIGN_BASELINE); 
       blue.setSpan(span, 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); 

       return blue; 
      case 0: 
       SpannableStringBuilder green = new SpannableStringBuilder("Green 
       "); 
       myDrawable.setBounds(0, 0, myDrawable.getIntrinsicWidth(), 
       myDrawable.getIntrinsicHeight()); 
       ImageSpan span = new ImageSpan(myDrawable, 
       ImageSpan.ALIGN_BASELINE); 
       green.setSpan(span, 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); 

       return green; 
      case 2: 
       SpannableStringBuilder red = new SpannableStringBuilder("Red 
       "); 
       myDrawable.setBounds(0, 0, myDrawable.getIntrinsicWidth(), 
       myDrawable.getIntrinsicHeight()); 
       ImageSpan span = new ImageSpan(myDrawable, 
       ImageSpan.ALIGN_BASELINE); 
       red.setSpan(span, 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); 

       return red; 
     } 
     return ""; 
    }