Tablayout

来源:互联网 发布:学编程开发怎样 编辑:程序博客网 时间:2024/06/06 16:55

**
Tablayout需要导包
1。右键模块
2。点击open Module Setting
3。点击 Dependencies
4。点击右上角+
5。点击Library dependency
6。点击添加com.android.support:design (com.android.support:design:26.0.0-alpha1)
7。ok
**
//MainActivity.java

package com.example.week.tablelayout;import android.support.design.widget.TabLayout;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.text.Layout;import java.util.ArrayList;import java.util.List;public class MainActivity extends AppCompatActivity {    private TabLayout tablayout;    private ViewPager viewpager;    private List<String>  datas = new ArrayList<String>();    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        tablayout = (TabLayout) findViewById(R.id.tablayout);        viewpager = (ViewPager) findViewById(R.id.viewpager);        datas.add("推荐");        datas.add("要闻");        datas.add("娱乐");        datas.add("科技");        datas.add("汽车");        datas.add("体育");        datas.add("图片");        datas.add("动漫");        datas.add("社会");        datas.add("游戏");        //添加适配器        viewpager.setAdapter(new MyAdapter(getSupportFragmentManager()));        //进行关联        tablayout.setupWithViewPager(viewpager);    }    class  MyAdapter extends FragmentPagerAdapter{        public MyAdapter(FragmentManager fm) {            super(fm);        }        //返回选项卡        public CharSequence getPageTitle(int position) {            return datas.get(position);        }        @Override        public Fragment getItem(int position) {//创建fragment并返回            Bundle bun=new Bundle();            bun.putString("key",datas.get(position).toString());            Fram fr=new Fram();            fr.setArguments(bun);            return fr;        }        @Override        public int getCount() {//返回选项卡数量            return datas.size();        }    }}

//Fram

package com.example.week.tablelayout;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 android.widget.TextView;import java.util.ArrayList;import java.util.List;public class Fram extends Fragment {    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        View v = View.inflate(getActivity(), R.layout.item, null);        TextView wen = (TextView) v.findViewById(R.id.wen);        Bundle bun = getArguments();        wen.setText(bun.getString("key"));        return v;}}

//activity_main.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"    android:layout_height="match_parent" tools:context="com.example.week.tablelayout.MainActivity">    <android.support.design.widget.TabLayout        android:layout_width="match_parent"        android:layout_height="50dp"        android:id="@+id/tablayout"        app:tabGravity="center"        app:tabIndicatorColor="@color/colorAccent"        app:tabMode="scrollable"        app:tabSelectedTextColor="@color/colorPrimaryDark"        app:tabTextColor="@color/colorPrimary"        >    </android.support.design.widget.TabLayout>    <android.support.v4.view.ViewPager        android:layout_width="match_parent"        android:layout_height="match_parent"        android:id="@+id/viewpager"        android:layout_below="@+id/tablayout">    </android.support.v4.view.ViewPager></RelativeLayout>

//item

<?xml version="1.0" encoding="utf-8"?><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:id="@+id/wen"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:gravity="center_horizontal"        android:textSize="20sp"/></LinearLayout>

这里写图片描述