TabLayout横向滚动


依赖:

compile 'com.android.support:design:26.0.0-alpha1'

布局:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <android.support.design.widget.TabLayout
        android:id="@+id/tab"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#e5e2e2"
        app:tabIndicatorColor="#20b3a2"
        app:tabIndicatorHeight="4dp"
        app:tabSelectedTextColor="#ff0000"
        app:tabGravity="fill"
        app:tabTextColor="#aaa" />

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

import android.os.Bundle;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private TabLayout tab;
    private ViewPager pa;
    List<String> lists=new ArrayList<String>();
    List<Fragment>list2=new ArrayList<Fragment>();

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

        tab = (TabLayout)findViewById(R.id.tab);
        pa = (ViewPager)findViewById(R.id.pager);
        lists.add("ANDROID");
        lists.add("IOS");
        lists.add("福利");
        list2.add(new AnFragment());
        list2.add(new IOSFragment());
        list2.add(new FuFragment());

        //tablayoutviewpager关联
        tab.setupWithViewPager(pa);
//设置viewpager适配器
        pa.setAdapter(new FragmentPagerAdapter(MainActivity.this.getSupportFragmentManager()) {
            //重写这个方法,将设置每个Tab的标题
            @Override
            public CharSequence getPageTitle(int position) {

                return lists.get(position);
            }
            @Override
            public int getCount() {
                return list2.size();
            }

            @Override
            public Fragment getItem(int position) {
                Bundle bundle = new Bundle();
                if (lists.get(position).equals("ANDROID")){
                    bundle.putString("name","ANDROID");
                }else if (lists.get(position).equals("IOS")){
                    bundle.putString("name","IOS");
                }else if (lists.get(position).equals("福利")){
                    bundle.putString("name","福利");
                }
                list2.get(position).setArguments(bundle);
                return  list2.get(position);
            }
        });
    }
}


fragment中写:

 
public class AnFragment extends Fragment  {


    private View view;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.layout_android, container, false);
        Bundle bundle = getArguments();
        //接收传递过来的值
        String string = bundle.getString("name", "ANDROID");
        return view;
    }
}

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值