PullToRefreshListView+Tablayout+Fragment+DrawerLayout

本文介绍了一个Android应用的布局设计,包括DrawerLayout侧滑菜单的实现方式和不同Fragment之间的切换逻辑。此外,还详细展示了如何在一个Fragment中使用ViewPager和TabLayout来展示多个子Fragment,并实现了PullToRefreshListView组件的下拉刷新和上拉加载更多功能。

主布局

<android.support.v4.widget.DrawerLayout 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"
    android:orientation="vertical"
    tools:context="com.bawei.text06.MainActivity">
<LinearLayout
    android:background="#357"
    android:layout_width="300dp"
    android:layout_height="match_parent"
    android:layout_gravity="left"
    android:orientation="vertical">
    <ImageView
        android:id="@+id/img"
        android:background="@drawable/a"
        android:layout_gravity="center_horizontal"
        android:layout_width="115dp"
        android:layout_height="205dp" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_height="wrap_content"
        android:text="未登录"
        android:textSize="18sp" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="1"
        android:textSize="25sp" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="2"
        android:textSize="18sp" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="3"
        android:textSize="18sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="30dp"
        android:text="4"
        android:textSize="18sp" />
</LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <FrameLayout
            android:id="@+id/fram"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:layout_above="@id/rg"></FrameLayout>
        <RadioGroup
            android:id="@+id/rg"
            android:layout_width="match_parent"
            android:layout_height="20dp"
            android:layout_alignParentBottom="true"
            android:orientation="horizontal">

            <RadioButton
                android:id="@+id/a"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:button="@null"
                android:checked="true"
                android:gravity="center"
                android:text="首页" />

            <RadioButton
                android:id="@+id/b"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:button="@null"
                android:gravity="center"
                android:text="西瓜视频" />

            <RadioButton
                android:id="@+id/c"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:button="@null"
                android:gravity="center"
                android:text="微头条" />

            <RadioButton
                android:id="@+id/d"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:button="@null"
                android:gravity="center"
                android:text="我的" />

        </RadioGroup>


    </LinearLayout>
</android.support.v4.widget.DrawerLayout>

MainActivity

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v7.app.AppCompatActivity;
import android.widget.RadioGroup;

import com.bawei.text06.fragment.AF;
import com.bawei.text06.fragment.BF;
import com.bawei.text06.fragment.CF;
import com.bawei.text06.fragment.DF;

public class MainActivity extends AppCompatActivity {

    private RadioGroup rg;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //查找控件
        rg = findViewById(R.id.rg);
        rg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int i) {
                switch (i){
                    case R.id.a:addFragment(new AF());
                    case R.id.b:addFragment(new BF());
                    case R.id.c:addFragment(new CF());
                    case R.id.d:addFragment(new DF());
                }
            }
        });
        addFragment(new AF());
    }

    private void addFragment(Fragment fragment) {
        getSupportFragmentManager().beginTransaction().replace(R.id.fram, fragment).commit();
    }
}

A、B、C、D布局 a.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical">

    <android.support.design.widget.TabLayout
        android:id="@+id/tab"
        app:tabIndicatorColor="@color/colorPrimary"
        app:tabSelectedTextColor="@color/colorPrimary"
        app:tabTextColor="@color/colorAccent"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"></android.support.v4.view.ViewPager>
</LinearLayout>

A、B、C、D页面

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.design.widget.TabLayout;
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.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.bawei.text06.R;
import com.bawei.text06.fragments.f1;
import com.bawei.text06.fragments.f2;
import com.bawei.text06.fragments.f3;
import com.bawei.text06.fragments.f4;
import com.bawei.text06.fragments.f5;
import com.bawei.text06.fragments.f6;

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

/**
 * Created by sky on 2017/11/21.
 */

public class AF extends Fragment {
    private ViewPager vp;
    private TabLayout tab;
    List<String> tablist=new ArrayList<>();
    List<Fragment> fraglist=new ArrayList<>();

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View v = View.inflate(getActivity(), R.layout.a, null);
        //给TabLayout集合添加文字
        gettablist();
        //获取fragment
        getfraglist();
        //通过ID获取控件
        vp = v.findViewById(R.id.vp);
        tab = v.findViewById(R.id.tab);
        //设置TabLayout的模式
        tab.setTabMode(TabLayout.MODE_FIXED);
        //关联ViewPager
        tab.setupWithViewPager(vp);
        //给ViewPager添加适配器
        MyvpAdaper m=new MyvpAdaper(getChildFragmentManager());
        vp.setAdapter(m);
        return v;
    }

    private void getfraglist() {
        fraglist.add(new f1());
        fraglist.add(new f2());
        fraglist.add(new f3());
        fraglist.add(new f4());
        fraglist.add(new f5());
        fraglist.add(new f6());
    }

    private void gettablist() {
        tablist.add("关注");
        tablist.add("推荐");
        tablist.add("十九大");
        tablist.add("热点");
        tablist.add("科技");
        tablist.add("视频");
    }

    private class MyvpAdaper extends FragmentPagerAdapter {
        public MyvpAdaper(FragmentManager fm) {
            super(fm);
        }

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

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

        //重写返回标题的方法
        @Override
        public CharSequence getPageTitle(int position) {
            return tablist.get(position);
        }
    }
}

f1、f2、f3、f4、f5布局 item.xml

<com.handmark.pulltorefresh.library.PullToRefreshListView
        android:id="@+id/pull"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:cacheColorHint="#00000000"
        android:divider="#19000000"
        android:dividerHeight="4dp"
        android:fadingEdge="none"
        android:fastScrollEnabled="false"
        android:footerDividersEnabled="false"
        android:headerDividersEnabled="false"
        android:smoothScrollbar="true" />

显示的页面 item2.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/img"
        android:layout_width="100dp"
        android:layout_height="100dp" />

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

f1、f2、f3、f4、f5页面

import android.os.AsyncTask;
import android.os.Bundle;
import android.os.Handler;
import android.support.annotation.NonNull;
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.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

import com.bawei.text06.R;
import com.bawei.text06.bean.Bean;
import com.google.gson.Gson;
import com.handmark.pulltorefresh.library.ILoadingLayout;
import com.handmark.pulltorefresh.library.PullToRefreshBase;
import com.handmark.pulltorefresh.library.PullToRefreshListView;
import com.nostra13.universalimageloader.core.ImageLoader;

import java.io.BufferedReader;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.ArrayList;
import java.util.List;


/**
 * Created by sky on 2017/11/21.
 */

public class f1 extends Fragment {
    private String url = "http://www.meirixue.com/api.php?c=index&a=index";
    private PullToRefreshListView pullToRefreshListView;
    private StringBuilder builder;
    private List<Bean.DataBean.AdlistBean> list = new ArrayList<>();
    private Handler myHandler = new Handler();
    private MyAdapter adapter;
    int index = 1;
    int type = 1;

    @Nullable
    @Override

    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
       /* View inflate = inflater.inflate(R.layout.item, null);*/
        View v = View.inflate(getActivity(), R.layout.item, null);
        pullToRefreshListView = v.findViewById(R.id.pull);
        init();
        initLv();
        adapter = new MyAdapter();
        return v;
    }

    class Mytask extends AsyncTask<String, Void, String> {
        @Override
        protected String doInBackground(String... strings) {
            try {
                //获取url
                URL url = new URL(strings[0]);
                //请求网络
                HttpURLConnection urlConnection = (HttpURLConnection) url.openConnection();
                int code = urlConnection.getResponseCode();
                //判断是否返回成功
                if (code == 200) {
                    //获取网络信息
                    InputStream inputStream = urlConnection.getInputStream();
                    BufferedReader bf = new BufferedReader(new InputStreamReader(inputStream));
                    builder = new StringBuilder();
                    String s =null;
                    //拼接
                    while ((s = bf.readLine()) != null) {
                        builder.append(s);
                    }
                }
            } catch (Exception e) {
                e.printStackTrace();
            }


            return builder.toString();
        }


        @Override
        protected void onPostExecute(String s) {
            super.onPostExecute(s);
            Gson gson = new Gson();
            Bean json = gson.fromJson(s, Bean.class);
            List<Bean.DataBean.AdlistBean> list1 = json.getData().getAdlist();
            //list.addAll(list1);
                list.addAll(list1);
            setAdapter();
            adapter.notifyDataSetChanged();
        }
    }

    public void setAdapter() {
            pullToRefreshListView.setAdapter(adapter);
    }

    public void init() {
        Mytask mytask = new Mytask();
        mytask.execute(url);

    }

    public void addtoTop() {
        type = 1;
        index++;
        Mytask mytask = new Mytask();
        mytask.execute(url);

    }

    public void addtoBottom() {
        type = 2;
        index++;
        Mytask mytask = new Mytask();
        mytask.execute(url);
    }

    public void initLv() {
        //设置刷新模式 ,both代表支持上拉和下拉,pull_from_end代表上拉,pull_from_start代表下拉
        pullToRefreshListView.setMode(PullToRefreshBase.Mode.BOTH);


        ILoadingLayout startLabels = pullToRefreshListView.getLoadingLayoutProxy(true, false);
        startLabels.setPullLabel("下拉刷新");
        startLabels.setRefreshingLabel("正在拉");
        startLabels.setReleaseLabel("放开刷新");

        ILoadingLayout endLabels = pullToRefreshListView.getLoadingLayoutProxy(false, true);
        endLabels.setPullLabel("上拉刷新");
        endLabels.setRefreshingLabel("正在载入...");
        endLabels.setReleaseLabel("放开刷新...");
        pullToRefreshListView.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<ListView>() {
            @Override
            public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {//下拉刷新的回调
                //下拉刷新的数据,显示在listview列表的最上面
                addtoTop();
                myHandler.postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        //刷新完成,必须在异步下完成
                        pullToRefreshListView.onRefreshComplete();
                        //刷新适配器
                    }
                }, 1000);
            }

            @Override
            public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {//上拉加载的回调
                //加载更多的数据,添加到集合列表的最后面
                addtoBottom();
                myHandler.postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        //刷新完成,必须在异步下完成
                        pullToRefreshListView.onRefreshComplete();
                    }
                }, 1000);
            }
        });


    }


    class MyAdapter extends BaseAdapter {
        @Override
        public int getCount() {
            return list.size();
        }


        @Override
        public Object getItem(int position) {
            return null;
        }


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


        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            Viewholder vh;
            if (convertView == null) {
                vh = new Viewholder();
                convertView = View.inflate(getActivity(), R.layout.item2, null);
                vh.img = (ImageView) convertView.findViewById(R.id.img);
                vh.tv = (TextView) convertView.findViewById(R.id.tv);
                convertView.setTag(vh);
            } else {
                vh = (Viewholder) convertView.getTag();
            }
            vh.tv.setText(list.get(position).getTitle());
            ImageLoader.getInstance().displayImage(list.get(position).getImg(), vh.img);
            return convertView;
        }
    }

    public static class Viewholder {
        ImageView img;
        TextView tv;
    }
}

ImageloaderUtil

import android.content.Context;
import android.graphics.Bitmap;
import android.os.Environment;

import com.nostra13.universalimageloader.cache.disc.impl.UnlimitedDiscCache;
import com.nostra13.universalimageloader.cache.disc.naming.Md5FileNameGenerator;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import com.nostra13.universalimageloader.core.display.RoundedBitmapDisplayer;

import java.io.File;

/**
 * Created by sky on 2017/11/21.
 */

class ImageloaderUtil {
    public static void initConfig(Context context) {
            //配置
    //        File cacheFile=context.getExternalCacheDir();
            File cacheFile= new File(Environment.getExternalStorageDirectory()+"/"+"image");

            ImageLoaderConfiguration config=new ImageLoaderConfiguration.Builder(context)
                    .memoryCacheExtraOptions(480, 800)//缓存图片最大的长和宽
                    .threadPoolSize(2)//线程池的数量
                    .threadPriority(4)
                    .memoryCacheSize(2*1024*1024)//设置内存缓存区大小
                    .diskCacheSize(20*1024*1024)//设置sd卡缓存区大小
                    .diskCache(new UnlimitedDiscCache(cacheFile))//自定义缓存目录
                    .writeDebugLogs()//打印日志内容
                    .diskCacheFileNameGenerator(new Md5FileNameGenerator())//给缓存的文件名进行md5加密处理
                    .build();

            ImageLoader.getInstance().init(config);

        }

        /**
         * 获取图片设置类
         * @return
         */
        public static DisplayImageOptions getImageOptions(){

            DisplayImageOptions optionsoptions=new DisplayImageOptions.Builder()
                    .cacheInMemory(true)//使用内存缓存
                    .cacheOnDisk(true)//使用磁盘缓存
                    .bitmapConfig(Bitmap.Config.RGB_565)//设置图片格式
                    .displayer(new RoundedBitmapDisplayer(10))//设置圆角,参数代表弧度
                    .build();

            return optionsoptions;

        }
}

myapp

import android.app.Application;

/**
 * Created by sky on 2017/11/21.
 */

public class myapp extends Application {
    @Override
        public void onCreate() {
            super.onCreate();

            ImageloaderUtil.initConfig(this);
        }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值