Tablayout 加 ViewPager 联动效果

最新推荐文章于 2018-08-15 16:06:03 发布
最新推荐文章于 2018-08-15 16:06:03 发布
阅读量420 收藏
点赞数
分类专栏： android-studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/W2316/article/details/78013527
版权 
public class MainActivity extends AppCompatActivity {

    private ViewPager vp;
    private List<String> tabtitle;
    private List<String> url;
    private List<Fragment> list;
    private TabLayout tab;
    private ImageView pindao;

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

    private void initData() {
        tabtitle = new ArrayList<String>();
        tabtitle.add("推荐");
        tabtitle.add("最新");
        tabtitle.add("生活");
        tabtitle.add("娱乐 ");
        tabtitle.add("文化");
        tabtitle.add("感情");
        tabtitle.add("知识");
        tabtitle.add("感情");
        tabtitle.add("社会");
        tabtitle.add("军事");
        url = Arrays.asList(
                "http://ic.snssdk.com/2/article/v25/stream/?count=20&min_behot_time=1455521444&bd_city=北京市&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455521401&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
                "http://ic.snssdk.com/2/article/v25/stream/?category=news_hot&count=20&min_behot_time=1455521166&bd_city=北京市&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455521401&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_nme=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
                "http://ic.snssdk.com/2/article/v25/stream/?category=news_local&count=20&min_behot_time=1455521226&bd_city=北京市&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455521401&loc_mode=5&user_city=北京&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
                "http://ic.snssdk.com/2/article/v25/stream/?category=video&count=20&min_behot_time=1455521349&bd_city=北京市&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455522107&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
                "http://ic.snssdk.com/2/article/v25/stream/?category=news_society&count=20&min_behot_time=1455521720&bd_city=北京市&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455522107&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
                "http://ic.snssdk.com/2/article/v25/stream/?category=news_entertainment&count=20&min_behot_time=1455522338&bd_city=北京市&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455522784&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
                "http://ic.snssdk.com/2/article/v25/stream/?category=news_tech&count=20&min_behot_time=1455522427&bd_city=北京市&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455522784&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
                "http://ic.snssdk.com/2/article/v25/stream/?category=news_car&count=20&bd_city=北京市&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455522784&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000",
                "http://ic.snssdk.com/2/article/v25/stream/?category=image_ppmm&count=20&min_behot_time=1455524172&bd_city=北京市&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455524092&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000"
                ,"http://ic.snssdk.com/2/article/v25/stream/?category=news_health&count=20&bd_city=北京市&bd_latitude=40.049317&bd_longitude=116.296499&bd_loc_time=1455524092&loc_mode=5&lac=4527&cid=28883&iid=3642583580&device_id=11131669133&ac=wifi&channel=baidu&aid=13&app_name=news_article&version_code=460&device_platform=android&device_type=SCH-I919U&os_api=19&os_version=4.4.2&uuid=285592931621751&openudid=AC9E172CE2490000");


        list = new ArrayList<Fragment>();
        for (int i=0 ;i <tabtitle.size() ;i++){
            NewsFragment newsFragment = new NewsFragment();
            Bundle bundle = new Bundle();
            bundle.putString("url", url.get(i));
            newsFragment.setArguments(bundle);
            list.add(newsFragment);
        }
        Myvp myvp = new Myvp(getSupportFragmentManager());
        vp.setAdapter(myvp);
        vp.setOffscreenPageLimit(tabtitle.size());
        tab.setupWithViewPager(vp);
        //标签的格式
        tab.setTabMode(TabLayout.MODE_SCROLLABLE);


        pindao.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(MainActivity.this, PingDao.class);
                startActivity(intent);
            }
        });
    }

    private void initView() {
        tab = (TabLayout) findViewById(R.id.tab);
        vp = (ViewPager) findViewById(R.id.vp);
        pindao = (ImageView) findViewById(R.id.pingdao);
    }

    class Myvp extends FragmentPagerAdapter{

        public Myvp(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            return list.get(position);
        }

        @Override
        public int getCount() {
            return tabtitle.size();
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return tabtitle.get(position);
        }
    }
}

Xutils 的初始化化

 

package com.example.apkupdatademo;

import android.app.Application;

import org.xutils.x;

/**
 * Created by yfeng on 2017/9/16.
 */

public class MyApp extends Application{
    @Override
    public void onCreate() {
        super.onCreate();
        x.Ext.init(this);
        x.Ext.setDebug(true);
    }
}

 

 

 

 

 

 

在Fragment的界面做网络请求数据和做的适配

/**
 * 2017/9/16.
 * 作用：
 */

public class NewsFragment extends Fragment implements XListView.IXListViewListener {

    private String dataurl;
    private View view;
    private XListView xlv;
    private Myadapter myadapter;
    private  boolean flag;

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if(getArguments()!=null){
            dataurl = getArguments().getString("url");
        }
    }


    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.newsfragment, null);
        xlv = (XListView) view.findViewById(R.id.xlistview);
        xlv.setPullLoadEnable(true);
        xlv.setXListViewListener(this);
        getData();
        return view;
    }

    public void getData() {
//        getNextData(dataurl);
        getnextData(dataurl);
    }
//写了两种网络请求，任选其一
    private void getnextData(String dataurl) {
            new AsyncTask<String, Void, String>() {
                @Override
                protected void onPostExecute(String s) {
                    super.onPostExecute(s);
                    if(s==null){
                        return;
                    }
                    Gson gson = new Gson();
                    Bean bean = gson.fromJson(s, Bean.class);
                    final List<Bean.DataBean> list = bean.getData();

                    if(myadapter==null){
                        myadapter = new Myadapter(getActivity(), list);
                        xlv.setAdapter(myadapter);
                    }else {
                        myadapter.Loadmeoth(list, flag);
                        xlv.setAdapter(myadapter);
                    }
                }

                @Override
                protected String doInBackground(String... params) {
                    try {
                        URL url = new URL(params[0]);
                        HttpURLConnection connection = (HttpURLConnection) url.openConnection();
                        connection.setRequestMethod("GET");
                        connection.setReadTimeout(5000);
                        connection.setConnectTimeout(5000);
                        int code = connection.getResponseCode();
                        if(code ==200){
                            InputStream is = connection.getInputStream();
                            return SramTools.GetRead(is);
                        }

                    } catch (Exception e) {
                        e.printStackTrace();
                    }
                    return null;
                }
            }.execute(dataurl);
    }

//Xutils的Get请求
    private void getNextData(String url) {
        RequestParams params = new RequestParams(url);
        x.http().get(params, new Callback.CommonCallback<String>() {
            private Myadapter myadapter;

            @Override
            public void onSuccess(String result) {

                Gson gson = new Gson();
                Bean bean = gson.fromJson(result, Bean.class);
                List<Bean.DataBean> list = bean.getData();
                myadapter = new Myadapter(getActivity(),list);
                xlv.setAdapter(myadapter);

            }
            @Override
            public void onError(Throwable ex, boolean isOnCallback) {

            }

            @Override
            public void onCancelled(CancelledException cex) {

            }

            @Override
            public void onFinished() {

            }
        });
    }



    @Override
    public void onRefresh() {
        getData();
        xlv.stopRefresh();
        flag = true;

    }

    @Override
    public void onLoadMore() {
        getData();
        xlv.stopLoadMore();
        flag = false;
    }
}

 

做适配的的方法和多条目

 

public class Myadapter extends BaseAdapter {
    Context context;
    List<Bean.DataBean> list;
    private final DisplayImageOptions options;
    public Myadapter(Context context, List<Bean.DataBean> list) {
        this.context = context;
        this.list= list;

        options = new DisplayImageOptions.Builder()
                .cacheInMemory(true)
                .cacheOnDisk(true)
                .showImageForEmptyUri(R.mipmap.ic_empty)
                .showImageOnFail(R.mipmap.ic_error)
                .showImageOnLoading(R.mipmap.loading)
                .build();
    }

    public   void Loadmeoth(List<Bean.DataBean> datas,boolean flag){
        for (int i= datas.size()-1 ;i> -1;i--){
            if (flag){
                list.add(0,datas.get(i));
            }else{
                list.add(datas.get(i));
            }
        }
        notifyDataSetChanged();

    }
    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public int getViewTypeCount() {
        return 4;
    }

    @Override
    public int getItemViewType(int position) {
        if(list.get(position).getVideo_detail_info()==null){
            if(list.get(position).getImage_list()==null){
                return 0;   //没有图片
            }else if (list.get(position).getImage_list().size() == 3){
                return 1; //三张图片
            }else {
                return 2; // 一张图片
            }
        }else{
            return 3; //视频
        }
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Viewholder viewholder = null;
        int type = getItemViewType(position);
        if(convertView == null) {
            viewholder = new Viewholder();
            switch (type) {
                case 0:
                    convertView = View.inflate(context, R.layout.fragment_one, null);
                    viewholder.title = (TextView) convertView.findViewById(R.id.title);
                    viewholder.connect = (TextView) convertView.findViewById(R.id.connect);
                    break;
                case 1:
                    convertView = View.inflate(context, R.layout.fragment_three, null);
                    viewholder.title = (TextView) convertView.findViewById(R.id.title);
                    viewholder.connect = (TextView) convertView.findViewById(R.id.connect);
                    viewholder.image1 = (ImageView) convertView.findViewById(R.id.image1);
                    viewholder.image2 = (ImageView) convertView.findViewById(R.id.image2);
                    viewholder.image3 = (ImageView) convertView.findViewById(R.id.image3);

                    break;

                case 2:
                    convertView = View.inflate(context, R.layout.fragment_two, null);
                    viewholder.title = (TextView) convertView.findViewById(R.id.title);
                    viewholder.connect = (TextView) convertView.findViewById(R.id.connect);
                    viewholder.image1 = (ImageView) convertView.findViewById(R.id.image1);
                    break;

                case 3:
                    convertView = View.inflate(context, R.layout.fragment_fout, null);
                    viewholder.title = (TextView) convertView.findViewById(R.id.title);
                    viewholder.connect = (TextView) convertView.findViewById(R.id.connect);
                    viewholder.viod = (ImageView) convertView.findViewById(R.id.viod);
                    break;
            }
            convertView.setTag(viewholder);
        }else {
            viewholder = (Viewholder) convertView.getTag();
        }

        switch (type){
            case 0:
                viewholder.title.setText(list.get(position).getTitle());
                viewholder.connect.setText(list.get(position).getSource()+"   评论:"+list.get(position).getComment_count());

                break;
            case  1:

                viewholder.title.setText(list.get(position).getTitle());
                viewholder.connect.setText(list.get(position).getSource()+"   评论:"+list.get(position).getComment_count());
                ImageLoader.getInstance().displayImage(list.get(position).getImage_list().get(0).getUrl(),viewholder.image1,options);
                ImageLoader.getInstance().displayImage(list.get(position).getImage_list().get(1).getUrl(),viewholder.image2,options);
                ImageLoader.getInstance().displayImage(list.get(position).getImage_list().get(2).getUrl(),viewholder.image3,options);

                break;

            case 2:
                viewholder.title.setText(list.get(position).getTitle());
                viewholder.connect.setText(list.get(position).getSource()+"   评论:"+list.get(position).getComment_count());
                ImageLoader.getInstance().displayImage(list.get(position).getMiddle_image().getUrl(),viewholder.image1,options);
                break;

            case 3:
                viewholder.title.setText(list.get(position).getTitle());
                viewholder.connect.setText(list.get(position).getSource()+"   评论:"+list.get(position).getComment_count());
                ImageLoader.getInstance().displayImage(list.get(position).getVideo_detail_info().getDetail_video_large_image().getUrl(),viewholder.viod,options);
                break;
        }


        return convertView;
    }
    class Viewholder{
        TextView title;
        TextView connect;
        ImageView image1 ,image2,image3 ,viod;
    }

}

 

 

 

 

 

武佳衡
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
TabLayout联动ViewPager
Austin的博客
07-28 1217
TabLayout和ViewPager究竟是怎样实现联动的？其实不难。看完这篇，你就会啦。
TabLayout ViewPager 复用Fragment
qq_29988575的博客
02-15 1593
一、主Activity public class MainActivity extends AppCompatActivity { TabLayout tabLayout; ViewPager viewPager; @Override protected void onCreate(Bundle savedInstanceState) { su
tablayout+viewpager联动
thw_m的博客
12-16 1096
上面是tablayout,下面是viewpager(嵌套fragment) 首先导入依赖 compile 'com.android.support:design:25.3.1'整体布局fragment_manageleft.xml,上面tablayout,下面fragment <LinearLayout xmlns:android="http://schemas.andr
tablayout与viewpager联动
05-23
在Android开发中，`TabLayout`和`ViewPager`的联动是一种常见的页面布局方式，用于创建具有多个可滑动页面并且每个页面上方有标签指示器的界面。这种设计模式广泛应用于各种应用，例如微信、支付宝等，它能为用户...
Android中TabLayout+ViewPager实现tab和页面联动效果
01-06
TabLayout+ViewPager实现tab和页面联动效果 xml中： <?xml version=1.0 encoding=utf-8?> <RelativeLayout xmlns:android=http://schemas.android.com/apk/res/android xmlns:app=...
tabLayout与ViewPager联动嵌套listView
11-07
不过，具体到`TabLayout`、`ViewPager`和`ListView`的联动，`MyApplication`通常不会直接参与，更多的是在具体的`Activity`或`Fragment`中实现。 总结来说，`TabLayout`与`ViewPager`的联动可以创建一个高效的多...
TabLayout+ViewPager
11-30
`TabLayout` 是谷歌提供的设计支持库中的一个控件，它提供了美观的选项卡展示效果，而 `ViewPager` 则用于实现页面滑动浏览，两者结合可以创建出交互性极强的多页面应用。 `TabLayout` 是Google的Material Design...
android Button按下及抬起监听事件
W2316的博客
09-21 7282
首先我们在 布局中，写入Button按钮 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/
Android Apk编译的apk安装失败解决
W2316的博客
07-05 3336
一：如果直接拷贝到手机进行安装 提示安装失败，解决有两种第一：在我们项目中的 gradle.properties文件中加入，下面的那句android.injected.testOnly=false第二：也就是在我们的App中的AndroidManifest.xml文件中的添加 android:testOnly="false" &lt;application ..... androi...
android资源文件混淆
W2316的博客
08-15 2310
前面一篇文章我们说过Apk的混淆，除了源代码的混淆，还有资源文件的混淆。 微信推出的apk资源混淆方案，该方案的具体原理课参见：安装包立减1M–微信Android资源混淆打包工具 微信资源混淆工具使用说明:https://github.com/shwenzhang/AndResGuard 方案演进 我们可以想到以下几种方案： 最简单的方法，我们按照Proguard的做法，直接在源码级...
android 设置登陆密码显示和隐藏
W2316的博客
10-20 1948
<LinearLayoutxmlns:android="https://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView
android网络请求的图片轮播效果
W2316的博客
09-18 1471
我们首先画小圆点我们在res-drawable 文件夹下首先我们创建 别如果是当前的图片是红色 shape_select.xml文件   &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;shape xmlns:android="http://schemas.android.com/apk/res/android" android:s...
Android反射+注解获取控件ID
W2316的博客
11-01 1040
我们还是能接受这个方法去得到对应的ID，但是一旦我们的控件比较多的情况下就会写很多代码去  拿到对应的ID了，为了节省内存空间，我们可以通过反射+注解来拿到我们所有控件所对应的ID MainActivity.java public class MainActivity extends AppCompatActivity { @Viewid(R.id.tv)
异步任务HttpUrlconnect 的GET 网络请求
W2316的博客
09-18 1018
首先我呢 新建一个类是为了实现我么的网络请求到的数据读取的帮助类 public class StramTools { public static String readinfoGet(InputStream is){ try { ByteArrayOutputStream baos = new ByteArrayOutputStream(); ...
android 转场动画 和listview的列表动画
W2316的博客
09-18 982
首先我们在布局文件新建一个文件anim 的文件 做布局动画的动画效果 第一的动画 <alpha android:fromAlpha="0" android:toAlpha="1" android:duration="3000"/> <translate android:fromXDelta="100%p"
android java语言实现的帧动画
W2316的博客
09-18 935
首先我们在布局文件中写 开始按钮和停止按钮和ImageView显示 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_paren
android代码APK混淆
W2316的博客
08-15 923
   实际的产品研发中为了防止自己的劳动成果被别人窃取，混淆代码能有效防止apk文件被反编译，进而查看源代码。说来惭愧，作为互联网创业公司的我们也确实对竞品Apk反编译研究过，如果Apk混淆之后确实对理解源码的业务流程造成了困扰，这也从侧面说明了Apk混淆的重要性。 面我们将分别介绍代码混淆与资源文件混淆具体实践- 代码混淆-Progurd 下面来总结以下混淆代码的步骤： 在Android ...
城市列表第三方集成
W2316的博客
09-19 832
城市列表首先要导入两个依赖，根据信息放入正确的位置 1. 在本app的gradle里面 compile'com.github.andyoom:citypicker:v1.0.4' 2.在项目的工作空间build.gradle中添加allprojects里的repositories放入 maven {url "https://jitpack.io"}
tablayout+viewpager
最新发布
06-06
TabLayout和ViewPager是Android开发中常用的两个控件，它们可以结合使用，实现多个页面之间的切换。TabLayout用于显示多个标签页，ViewPager用于显示多个页面，通过TabLayout和ViewPager的联动，可以实现在不同标签页之间切换，同时显示不同的页面内容。这种方式在Android应用中非常常见，例如新闻客户端、社交应用等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值