如何在Android中更改选定的标签标题textSize

时间:2017-05-29 14:06:40

标签: java android android-viewpager styles android-tablayout

我正在尝试找到一种方法来在选中时更改Tab Title的文字大小。到现在为止没有退出。希望有人可以帮助我。

我的代码如下:

XML:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.design.widget.TabLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/tab_layout"
    app:tabSelectedTextColor="@android:color/holo_orange_dark"
    app:tabTextAppearance="@style/textAppearance">


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


<android.support.v4.view.ViewPager
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/pager_view"/>

用于tabTextAppearance的样式:

<style name="textAppearance" parent="TextAppearance.Design.Tab">
    <item name="android:textSize">18sp</item>
    <item name="android:textStyle">bold</item>
</style>

我的适配器:

public class ViewPagerAdapter extends FragmentStatePagerAdapter {
private final Resources resources;
private static final int num = 3;

public ViewPagerAdapter(FragmentManager fm, Resources resources) {
    super(fm);
    this.resources = resources;
}

@Override
public Fragment getItem(int position) {
    Fragment fragment = null;

    switch (position) {
        case 0:
            fragment = new FragmentA();
            break;
        case 1:
            fragment = new FragmentB();
            break;
        case 2:
            fragment = new FragmentC();
            break;

    }

    return fragment;
}

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

@Override
public CharSequence getPageTitle(int position) {
    String title = null;
    switch (position) {
        case 0:
            title = "A";
            break;
        case 1:
            title = "B";
            break;
        case 2:
            title = "C";
            break;
    }
    return title;
}
}

我的旋转木马片段类:

 public class CarouselFragment extends Fragment {

    private TabLayout tabLayout;
    private ViewPager viewPager;
    private ViewPagerAdapter viewPagerAdapter;


    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View root = inflater.inflate(R.layout.fragment_carousel, container, false);
        tabLayout = (TabLayout)root.findViewById(R.id.tab_layout);
        viewPager = (ViewPager)root.findViewById(R.id.pager_view);
        setHasOptionsMenu(true);
        return root;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);


        viewPagerAdapter = new ViewPagerAdapter(getChildFragmentManager(), getResources());
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
            viewPager.setAdapter(viewPagerAdapter);
            tabLayout.setSelectedTabIndicatorColor(Color.RED);
            tabLayout.setupWithViewPager(viewPager);
        }else {
            viewPager.setAdapter(viewPagerAdapter);
            tabLayout.setupWithViewPager(viewPager);
        }

        tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
//here i should do something, but what???

            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
//here i should do something, but what???
            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });
    }
}

非常感谢提前!

3 个答案:

答案 0 :(得分:3)

使用此代码

var publicConfig = {
    key: '<YOUR-KEY>',
    stagger_time:       1000, // for elevationPath 
    encode_polylines:   false,
    secure:             true, // use https 
    proxy:              'http://127.0.0.1:9999' // optional, set a proxy for HTTP requests 
};
var gmAPI = new GoogleMapsAPI(publicConfig);

答案 1 :(得分:1)

我建议您设置自定义标签。

首先,您需要启动自定义标签,否则不会更改任何内容。

  1. 使用TextView创建新布局(您可以在每个标签中添加您想要的内容)。
  2. onActivityCreated发起自定义标签后的tabLayout.setupWithViewPager

    for (int i = 0; i < 3; i++) { // 3 - A+B+C in your example
        TabLayout.Tab tab = tabLayout.getTabAt(i);
        if (tab != null) {
            ViewGroup tabContainer = (ViewGroup) LayoutInflater.from(this).inflate(R.layout.custom_tab_item, tabLayout, false);
            if (tabContainer != null) {
                TextView yourTv = (TextView) tabContainer.findViewById(R.id.tv); 
                yourTv.setTextSize(18);
                tab.setCustomView(tabContainer);
            }
        }
    }
    
  3. 添加听众tabLayout.addOnTabSelectedListener并实施TabLayout.OnTabSelectedListener,在onTabSelected中使用此内容:

    for (int i = 0; i < tabLayout.getTabCount(); i++) {
        TabLayout.Tab tab = tabLayout.getTabAt(i);
        if (tab != null) {
            View customView = tab.getCustomView();
            if (customView != null) {
                TextView yourTv = (TextView) customView.findViewById(R.id.tv);
                if (yourTv != null) {
                    if (i == selectedTabIndex) {
                        yourTv.setTextSize(18);
                    } else {
                        yourTv.setTextSize(16);
                    }
                }
            }
        }
    }
    

答案 2 :(得分:0)

您可以将自己的视图设置为TabLayout的各个标签,然后您可以在标签选择中更改后者的大小 -

这是代码提示 -

        TabLayout mTabLayout = (TabLayout) findViewById(R.id.tab_layout);

        TabLayout.Tab tabOne = mTabLayout.newTab();
        tabOne.setCustomView(getLayoutInflater().inflate(R.layout.item_tab, mTabLayout, false));
        mTabLayout.addTab(tabOne);

        TabLayout.Tab tabTwo = mTabLayout.newTab();
        tabTwo.setCustomView(getLayoutInflater().inflate(R.layout.item_tab, mTabLayout, false));
        mTabLayout.addTab(tabTwo);
        tabTwo.select();
        // mTabLayout.setupWithViewPager(mViewPager);
        if (getResources().getDisplayMetrics().widthPixels > getResources().getDisplayMetrics().heightPixels) {
            mTabLayout.setTabMode(TabLayout.MODE_FIXED);
        } else {
            mTabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
        }


        mTabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                ((TextView) tab.getCustomView().findViewById(R.id.text1)).setTextSize(16);
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
                ((TextView) tab.getCustomView().findViewById(R.id.text1)).setTextSize(13);
            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });

iteb_tab.xml可以像 -

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:text="One"
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

您可以进一步将选择与viewpager页面更改同步为

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

            }
            @Override
            public void onPageSelected(int position) {
                mTabLayout.getTabAt(position).select();
            }
            @Override
            public void onPageScrollStateChanged(int state) {
            }
        });

修改

您可以通过从适配器本身设置标签标题来进一步减少工作量 -

        PagerAdapter mPagerAdapter = mViewPager.getAdapter();
        for (int position = 0; position < mPagerAdapter.getCount(); position++) {
            View view = (getLayoutInflater().inflate(R.layout.item_tab, mTabLayout, false));
            TextView label = (TextView) view.findViewById(R.id.text1);
            label.setText(mPagerAdapter.getPageTitle(position));
            TabLayout.Tab tab = mTabLayout.newTab();
            tab.setCustomView(view);
            mTabLayout.addTab(tab);
        }

以下是它的外观 - enter image description here