VIewPager+XListView+RadioButton实现布局

最新推荐文章于 2024-09-14 15:55:09 发布
最新推荐文章于 2024-09-14 15:55:09 发布
阅读量361 收藏
点赞数
文章标签： android radio button viewpager relativelayout 布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Luck_whr/article/details/77113485
版权

这里写图片描述

要实现上面图片中的效果，首先要有一个布局：

这里写图片描述

接下来把我们的XListView配置文件添加到项目中：

*xlistview_arrow.pog为一张下拉箭头的图片*
*strings.xml文件是为所有的文字创建的value文件*

*布局文件*这里写图片描述

*配置文件*这里写图片描述

1.先看一下主页面布局（activity_main.xml）：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.weektwoex.MainActivity" >

    <com.example.weektwoex.view.xlist.XListView
        android:id="@+id/xlv"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </com.example.weektwoex.view.xlist.XListView>

</RelativeLayout>

2.布局的优化（list_item.xml）：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp" >

    <TextView
        android:id="@+id/xtv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/xiv"
        android:padding="10dp"
        android:singleLine="true"
        android:text="标题" />

    <ImageView
        android:id="@+id/xiv"
        android:layout_width="150dp"
        android:layout_height="100dp"
        android:layout_alignParentLeft="true" />

</RelativeLayout>

3.添加网络权限：

这里写图片描述

4.实例化信息：

《News.java》
import java.util.List;

public class News {
    String ga_prefix;
    String id;
    List<String> images;
    String title;
    int type;
    public String getGa_prefix() {
        return ga_prefix;
    }
    public void setGa_prefix(String ga_prefix) {
        this.ga_prefix = ga_prefix;
    }
    public String getId() {
        return id;
    }
    public void setId(String id) {
        this.id = id;
    }
    public List<String> getImages() {
        return images;
    }
    public void setImages(List<String> images) {
        this.images = images;
    }
    public String getTitle() {
        return title;
    }
    public void setTitle(String title) {
        this.title = title;
    }
    public int getType() {
        return type;
    }
    public void setType(int type) {
        this.type = type;
    }
    public News(String ga_prefix, String id, List<String> images, String title,
            int type) {
        super();
        this.ga_prefix = ga_prefix;
        this.id = id;
        this.images = images;
        this.title = title;
        this.type = type;
    }
    @Override
    public String toString() {
        return "News [ga_prefix=" + ga_prefix + ", id=" + id + ", images="
                + images + ", title=" + title + ", type=" + type + "]";
    }

}
《NewsData.java》
import java.util.ArrayList;
import java.util.List;

public class NewsData {
    String date;
    List<News> stories = new ArrayList<News>();
    List<NewsTop> top_stories = new ArrayList<NewsTop>();
    public String getDate() {
        return date;
    }
    public void setDate(String date) {
        this.date = date;
    }
    public List<News> getStories() {
        return stories;
    }
    public void setStories(List<News> stories) {
        this.stories = stories;
    }
    public List<NewsTop> getTop_stories() {
        return top_stories;
    }
    public void setTop_stories(List<NewsTop> top_stories) {
        this.top_stories = top_stories;
    }
    @Override
    public String toString() {
        return "NewsData [date=" + date + ", stories=" + stories
                + ", top_stories=" + top_stories + "]";
    }

}

《NewsTop.java》
public class NewsTop {
    String ga_prefix;
    int id;
    String image;
    String title;
    int type;
    public String getGa_prefix() {
        return ga_prefix;
    }
    public void setGa_prefix(String ga_prefix) {
        this.ga_prefix = ga_prefix;
    }
    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getImage() {
        return image;
    }
    public void setImage(String image) {
        this.image = image;
    }
    public String getTitle() {
        return title;
    }
    public void setTitle(String title) {
        this.title = title;
    }
    public int getType() {
        return type;
    }
    public void setType(int type) {
        this.type = type;
    }
    public NewsTop(String ga_prefix, int id, String image, String title,
            int type) {
        super();
        this.ga_prefix = ga_prefix;
        this.id = id;
        this.image = image;
        this.title = title;
        this.type = type;
    }
    @Override
    public String toString() {
        return "NewsTop [ga_prefix=" + ga_prefix + ", id=" + id + ", image="
                + image + ", title=" + title + ", type=" + type + "]";
    }

}

5.添加网络请求：

import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.Reader;
import java.net.HttpURLConnection;
import java.net.URL;

public class NetUtils {
    public static Reader getDataByGet(String path){
        InputStreamReader isr = null;
        try {
            URL url = new URL(path);
            HttpURLConnection conn = (HttpURLConnection) url.openConnection();
            conn.setRequestMethod("GET");

            int code = conn.getResponseCode();
            if(code == 200){
                InputStream is = conn.getInputStream();
                isr = new InputStreamReader(is);
            }
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return isr;
    }
}

6.MyApplication初始化：

import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import com.nostra13.universalimageloader.core.display.FadeInBitmapDisplayer;

import android.app.Application;

public class MyApp extends Application{
    public void onCreate() {
        DisplayImageOptions options = new DisplayImageOptions.Builder()
        .showImageOnLoading(R.drawable.ic_launcher)
        .cacheInMemory(true)
        .cacheOnDisk(true)
        .displayer(new FadeInBitmapDisplayer(1500))
        .build();

        ImageLoaderConfiguration configs = new ImageLoaderConfiguration.Builder(this)
        .memoryCacheExtraOptions(480, 800)
        .defaultDisplayImageOptions(options)
        .build();

        ImageLoader.getInstance().init(configs);
    };
}

7.最后就是主文件的配置了（MainActivity.java）：

import java.io.Reader;
import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.TextView;

import com.example.weektwoex.bean.NewsData;
import com.example.weektwoex.utils.NetUtils;
import com.example.weektwoex.view.xlist.XListView;
import com.example.weektwoex.view.xlist.XListView.IXListViewListener;
import com.google.gson.Gson;
import com.nostra13.universalimageloader.core.ImageLoader;


public class MainActivity extends Activity {

    XListView xlv;
    NewsData nd;
    MyAdapter adapter;

    //viewpager相关变量
    ViewPager vp;
    List<ImageView> vpList;
    View view;
    MyPagerAdapter vpAdapter;

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

        xlv = (XListView) findViewById(R.id.xlv);
        initData();
        adapter = new MyAdapter();
        xlv.setAdapter(adapter);

        xlv.setXListViewListener(new IXListViewListener() {

            @Override
            public void onRefresh() {
                new AsyncTask<String, String, String>() {

                    @Override
                    protected String doInBackground(String... params) {
                        //获取指定网址的字符输入流
                        Reader reader = NetUtils.getDataByGet("https://news-at.zhihu.com/api/4/news/latest");
                        if(reader != null){
                            Gson gson = new Gson();
                            //得到javabean对象
                            nd = gson.fromJson(reader, NewsData.class);
                        }
                        return null;
                    }

                    protected void onPostExecute(String result) {
                        //刷新页面
                        adapter.notifyDataSetChanged();
                        xlv.stopRefresh();
                    };
                }.execute();
            }

            @Override
            public void onLoadMore() {
                //              new Handler().postAtTime(new Runnable() {
                //                  
                //                  @Override
                //                  public void run() {
                //                      Toast.makeText(MainActivity.this, "没有更多数据", 0).show();
                //                      xlv.stopLoadMore();
                //                  }
                //              }, 2000);
            }
        });

    }

    /**
     * 该方法用来单独创建一个ViewPager的视图   添加在xListView的头布局中显示
     * @return
     */
    private View initViewPager() {
        View view = View.inflate(MainActivity.this, R.layout.view_viewpager, null);
        vp = (ViewPager) view.findViewById(R.id.vp);
        //初始化VP要显示ImageView控件
        initVPData();
        vpAdapter = new MyPagerAdapter();
        vp.setAdapter(vpAdapter);

        final TextView tv = (TextView) view.findViewById(R.id.vp_tv);

        if(nd != null){
            tv.setText(nd.getTop_stories().get(0).getTitle());
        }

        //添加ViewPager监听  滑动时改变文本内容addOnPageChangeListener = setOnPageChangeListener
        //add方法是新版本sdk更新的方法  跟set作用一致      因为set在新版本的sdk中是不推荐使用的方法
        vp.addOnPageChangeListener(new OnPageChangeListener() {

            @Override
            public void onPageSelected(int arg0) {
                tv.setText(nd.getTop_stories().get(arg0).getTitle());
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageScrollStateChanged(int arg0) {
                // TODO Auto-generated method stub

            }
        });
        return view;
    }


    /**
     * 初始化ViewPager数据
     */
    private void initVPData() {
        vpList = new ArrayList<ImageView>();
        if(nd != null){
            for (int i = 0; i < nd.getTop_stories().size(); i++) {
                ImageView iv = new ImageView(this);
                iv.setScaleType(ScaleType.FIT_XY);
                ImageLoader.getInstance().displayImage(nd.getTop_stories().get(i).getImage(), iv);
                vpList.add(iv);
            }
        }
    }

    /**
     * 加载数据库数据
     * 加载网络数据  
     * 
     */
    private void initData() {
        //      getDBData();
        //wifi判断  如果满足条件  进行网络加载
        getNetData();
    }

    /**
     * 获取网络数据
     */
    private void getNetData() {
        new AsyncTask<String, String, String>() {

            @Override
            protected String doInBackground(String... params) {
                //获取指定网址的字符输入流
                Reader reader = NetUtils.getDataByGet("https://news-at.zhihu.com/api/4/news/latest");
                if(reader != null){
                    Gson gson = new Gson();
                    //得到javabean对象
                    nd = gson.fromJson(reader, NewsData.class);
                }
                return null;
            }

            protected void onPostExecute(String result) {
                //刷新xlv页面
                adapter.notifyDataSetChanged();
                //显示Viewpager数据
                view = initViewPager();
                xlv.addHeaderView(view);
            };
        }.execute();
    }

    /**
     * ListView适配器
     * @author Administrator
     *
     */
    class MyAdapter extends BaseAdapter{

        @Override
        public int getCount() {
            if(nd != null){
                return nd.getStories().size();
            }
            return 0;
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return null;
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder holder;
            if(convertView == null){
                convertView = View.inflate(MainActivity.this, R.layout.list_itme, null);
                holder = new ViewHolder();
                holder.xtv_title = (TextView) convertView.findViewById(R.id.xtv_title);
                holder.xiv = (ImageView) convertView.findViewById(R.id.xiv);
                convertView.setTag(holder);
            }else{
                holder = (ViewHolder) convertView.getTag();
            }

            holder.xtv_title.setText(nd.getStories().get(position).getTitle());
            ImageLoader.getInstance().displayImage(nd.getStories().get(position).getImages().get(0), holder.xiv);
            return convertView;
        }

    }

    public static class ViewHolder{
        ImageView xiv;
        TextView xtv_title;
    }

    /**
     * ViewPager适配器
     * @author Administrator
     *
     */
    class MyPagerAdapter extends PagerAdapter{

        @Override
        public int getCount() {
            if(nd != null){
                return nd.getTop_stories().size();
            }
            return 0;
        }

        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            // TODO Auto-generated method stub
            return arg0 == arg1;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(vpList.get(position));
            return vpList.get(position);
        }

    }

}

最后就是我们是实现效果了：
这里写图片描述

人走丿茶凉
关注
TabLayout+ViewPager+DrawerLayout+XListView+ImageLoder+多条目
strive_zhuimeng的博客
12-18 202
MainActivity布局文件 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.and...
DrawerLayout侧栏 加ViewPager +子布局横栏+XlistView
Song_dn的博客
10-20 311
需要的依赖： compile project(':mylibrary') compile 'com.google.code.gson:gson:2.2.4' compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'  主类布局DrawerLayout和ViewPager： xml versio
网络数据请求展示为无限轮播图 ViewPager+XListView+Fragment+ImageLoader
IT666DHW的博客
09-13 997
一.  MainActivity.java package androidthree_1509d.MyViewpager; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentActivity; import android.support.v4.view.ViewPager; impor
Viewpager+Fragment嵌套Tablelayout+Xlistview下拉刷新+Imageloader
NorthHar的博客
10-23 198
清单文件配置 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.lxzk"&gt; &lt;uses-permission android:n
综合：PullToRefresh+XlistView+TabLayout+DrawerLayout+ViewPager+Fragment+ImageLoader+延时跳转+Shared
IT666DHW的博客
09-21 3135
需求： 注意：本项目需导入Gson和ImageLoader包，PullToRefresh库文件，TabLayout的design包 一. Activity页面  1. Logo页面 MainActivity.java package com.YueKao; import com.shared.SharedUtils; import android.os.Bund
viewpager+fragment
zxx_fly的博客
08-25 291
//主界面 public class MainActivity extends AppCompatActivity { //定义全局变量 private ViewPager vp; private RadioGroup rg; private RadioButton rb1,rb2,rb3,rb4; @Override protected void
ViewPager+Fragmnet+多条目+上下拉刷新
个人文档
01-05 282
**上下拉刷新依赖** implementation project(':xlistviewlibrary') **字符串gson** implementation 'com.google.code.gson:gson:2.8.5' **图片框架** 'com.nostra13.universalimageloader:univer...
Fragment+ViewPager+侧拉菜单
qq_42811815的博客
10-26 297
//+++++++++++TwoActivity++++++++++ import android.support.v4.app.Fragment; import android.support.v4.view.ViewPager; import android.support.v4.widget.DrawerLayout; import android.support.v7.app.Action...
倒计时+viewpager+频道管理
个人文档
01-20 259
需要导入的依赖： implementation 'com.android.support:design:28+' implementation 'com.github.userswlwork:pull-to-refresh:1.0.0' compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'...
安卓：ViewPager+Fragment+RadioButton实现底部菜单栏滑动切换
01-03
1.ViewPager简单介绍 ViewPager就是一个简单的页面切换组件，我们可以往里面填充多个View，然后我们可以左右滑动，从而切换不同的View，我们可以通过setPageTransformer()方法为我们的ViewPager> 设置切换时的动画...
ScrollView+TabLayout+ViewPager+RecyclerView 嵌套实现布局
03-28
手动实现仿京东发现页面效果，使用布局嵌套完成，包括ScrollView+TabLayout+ViewPager+RecyclerView，最后有遗留问题需要处理。详情见博客https://blog.csdn.net/hq942845204/article/details/88844272
Android之Viewpager+Fragment实现懒加载示例
08-31
"Android之Viewpager+Fragment实现懒加载示例" Android应用开发中，Viewpager和Fragment是非常常用的两个组件，Viewpager可以实现页面的滑动切换，而Fragment可以实现屏幕上的局部更新。但是，在使用Viewpager和...
ViewPager+XListView+Banner
12-09
将github上面的无限广告轮询和XListView(支持上拉加载更多，下拉刷新)，再结合ViewPager起来用，绝对顺畅，可以做出最外层是一个ViewPager，每个Pager都是一个Fragment，Fragment可以自己定义，也可以使用我定义的，...
Android 利用ViewPager+GridView实现首页导航栏布局分页效果
09-01
在这个场景中，【标题】所提到的"Android 利用ViewPager+GridView实现首页导航栏布局分页效果"，就是一种常见的做法。这种技术能够创建一个滑动的导航栏，每个导航项展示一个包含多个子项的GridView，同时底部还有...
Android - NDK:在Jni中打印Log信息
dami_lixm的专栏
09-10 410
在Jni中打印Log信息 1、在配置CMakeLists.txt find_library( # Sets the name of the path variable. log-lib # Specifies the name of the NDK library that # you want CMake to locate. log) # Specifies libraries CMake should link to your targ
Apple M3编译OpenSSL安卓平台SO库
09-13 237
添加ANDROID_NDK_ROOT环境变量，iosdev改为你自己的用户名。头文件安装位置：/usr/local/include/openssl。2.配置NDK环境变量：vim ~/.zprofile。5.安装： sudo make install。添加NDK下可执行文件路径到PATH环境变量。库文件安装位置：/usr/local/lib。进入openssl源码目录，执行下面指令。4.编译：输入make后回车。验证文件是否为arm平台的。
【Android】【Bug】使用OSmdroid绘制轨迹断裂问题
最新发布
每天不是在写bug就是在写bug的路上
09-14 579
使用OSmdroid绘制轨迹断裂问题
WebShell流量特征检测_菜刀篇
徐徐徐的博客
09-09 779
4、全版本菜刀规则总结可以看到三个版本的菜刀都有这一串字符，我们在对蚁剑连接webshell的流量进行分析时也会见到这一串字符，其实不止这么短，但是对规则而言已经足够了。蚁剑的核心源代码有很多都是借鉴菜刀的。PHP ini_set用来设置php.ini的值，在函数执行时生效##设置错误信息的类别(不显示错误报告)
Android: 实现底部菜单栏滑动切换用ViewPager+Fragment+RadioButton
本文档主要介绍了如何在Android开发中使用ViewPager、Fragment和RadioButton来实现底部菜单栏的滑动切换功能。ViewPager是一个强大的页面切换组件，用于展示多个视图，用户可以通过左右滑动切换不同内容。它与...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值