SmartTabLayout的简单使用

效果如图所示:

代码所做的效果:

SmartTabLayout下载地址

https://search.maven.org/到该网站可以下载很多arr或jar包

代码

第一步：到GitHub上面找的SmartTabLayout框架的library.aar  添加到libs文件夹下面

第二步：在build.gradle下面添加扫描libs文件夹

        

//意思是他他回去libs里面加载一些arr包 repositories { flatDir{ dirs 'libs' } }

第三步：在build.gradle文件dependencies{ implementation(name: 'library',ext: 'aar') }里面添加一句意思就是依赖该包

第四步：创建一个include_tab.xml布局文件

<?xml version="1.0" encoding="utf-8"?> <com.ogaclejapan.smarttablayout.SmartTabLayout 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="40dp" android:id="@+id/smart_tab" app:stl_customTabTextLayoutId="@layout/include_title_tab" app:stl_customTabTextViewId="@+id/text_4" app:stl_indicatorColor="@android:color/holo_red_dark" app:stl_indicatorInterpolation="linear" app:stl_indicatorThickness="3dp" app:stl_underlineThickness="1dp" > </com.ogaclejapan.smarttablayout.SmartTabLayout>

第五步：对称创建布局文件如include_title_tab.xml   标题文本

<?xml version="1.0" encoding="utf-8"?> <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/text_4" android:layout_width="wrap_content" android:layout_height="match_parent" android:gravity="center" android:paddingLeft="24dp" android:paddingRight="24dp" android:textColor="@color/tab_color" android:textSize="16sp" android:paddingTop="5dp" android:paddingBottom="5dp" > </TextView>

第六步：开始写java 代码   注意：我的是在一个FragmentLayout里面写的  自己发挥

NewFragment类 package netease.li.com.wangyiyun.news.fragment; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.support.v4.view.ViewPager; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.FrameLayout; import com.ogaclejapan.smarttablayout.SmartTabLayout; import java.util.ArrayList; import netease.li.com.wangyiyun.R; import netease.li.com.wangyiyun.news.adapter.NewsAdapter; import netease.li.com.wangyiyun.news.bean.FragmentInfo; public class NewFragment extends Fragment { ArrayList<FragmentInfo> pages; @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view=inflater.inflate(R.layout.fragment_news,container,false); return view; } @Override public void onActivityCreated(@Nullable Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); FrameLayout frameLayou = getActivity().findViewById(R.id.tabs); pages=new ArrayList<>(); frameLayou.addView(View.inflate(getActivity(),R.layout.include_tab,null));//绑定数据 SmartTabLayout smartTabLayout = getActivity().findViewById(R.id.smart_tab);//找到SmartTabLayout类 ViewPager viewPager = getActivity().findViewById(R.id.viewPageId); smartTabLayout.setViewPager(viewPager);//viewPager和SmartTabLayout进行绑定 String[] title=getResources().getStringArray(R.array.title_name); for (int i=0;i<title.length;i++){ FragmentInfo titleBean; if (i==0){ titleBean=new FragmentInfo(new HotFragment(),title[i]); }else{ titleBean=new FragmentInfo(new EmptyFragment(),title[i]); } pages.add(titleBean); } NewsAdapter adapter = new NewsAdapter(getActivity().getSupportFragmentManager(),pages); viewPager.setAdapter(adapter); //!!!!关键代码,自动绑定数据 smartTabLayout.setViewPager(viewPager); } } NewsAdapter类 package netease.li.com.wangyiyun.news.adapter; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentStatePagerAdapter; import java.util.ArrayList; import netease.li.com.wangyiyun.news.bean.FragmentInfo; public class NewsAdapter extends FragmentStatePagerAdapter{ //FragmentStatePagerAdapter // FragmentPagerAdapter //两者的区别在于一个状态FragmentStatePagerAdapter表示只创建一个PageView // FragmentPagerAdapter一次性全部创建 ArrayList<FragmentInfo> mFragments; public NewsAdapter(FragmentManager fm, ArrayList<FragmentInfo> fragments) { super(fm); this.mFragments=fragments; } @Override public Fragment getItem(int position) { return mFragments.get(position).getmFragment(); } @Override public int getCount() { return mFragments.size(); } //返回页面标题 @Override public CharSequence getPageTitle(int position) { return mFragments.get(position).getmTitle(); } } EmptyFragment类 package netease.li.com.wangyiyun.news.fragment; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import netease.li.com.wangyiyun.R; public class EmptyFragment extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view=inflater.inflate(R.layout.fragment_empty,container,false); return view; } } HotFragment类 package netease.li.com.wangyiyun.news.fragment; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ListView; import netease.li.com.wangyiyun.R; public class HotFragment extends Fragment{ private ListView mListView; @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view=inflater.inflate(R.layout.hot_fragment,container,false); mListView = view.findViewById(R.id.newListViewId);//表示站一个位置 return view; } }

注意:还有一些布局文件没有创建可以自己创建