TabLayout + ViewPager轮播图 （双层嵌套）,侧拉展示条目（头像加listview，点击头像可切换）PullToRefreshListView刷新加载

原创 于 2018-11-18 14:43:21 发布 · 580 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#PullToRefreshListView

本文详细介绍了安卓应用中模块化的实现方案，包括TabLayout与ViewPager的组合使用，图片二级采样，数据库操作（Dao层增删查），以及网络数据获取等关键技术点。文章通过具体代码示例展示了主页面布局设计、侧滑菜单动态添加Fragment、嵌套TabLayout与ViewPager展示数据、图片压缩工具类、网络数据解析接口回调、数据库操作类以及数据展示适配器的实现过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

模块简介：

1.底部：TabLayout + ViewPager轮播图
2.主页面可测拉 展示头像，可选择系统相册，切换图片（二级采样）
3.TabLayout + ViewPager嵌套TabLayout + ViewPager以展示
正在上映 和 ***即将上映***条目
4.数据库操作（Dao层增删查）
在这里插入图片描述

在这里插入图片描述

主页面XML布局

<?xml version="1.0" encoding="utf-8"?>
<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:id="@+id/draw"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
		<!--导入design包-->
        <android.support.design.widget.TabLayout
            android:id="@+id/main_tablayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            app:tabGravity="fill"
            app:tabSelectedTextColor="@color/colorPrimary"
            app:tabIndicatorHeight="3dp"
            ></android.support.design.widget.TabLayout>

        <android.support.v4.view.ViewPager
            android:id="@+id/main_viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_above="@+id/main_tablayout"
            ></android.support.v4.view.ViewPager>
    </RelativeLayout>
    <!--侧滑页面  动态添加Fragment -->
    <FrameLayout
        android:id="@+id/leftframelayout"
        android:layout_width="300dp"
        android:layout_gravity="start"
        android:layout_height="match_parent"></FrameLayout>


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

侧滑布局

<?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:background="#ccff"
    android:orientation="vertical"
    >

    <ImageView
        android:id="@+id/lf_image"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:background="@drawable/ic_launcher_background"
        />
    <ListView
        android:id="@+id/lf_listview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"></ListView>

</LinearLayout>

侧滑listview适配器

package jx.com.adapter;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import java.util.List;

import jx.com.week3_1.R;

public class LeftFragmentAdapter extends BaseAdapter {

    private List<String> list;
    private Context context;

    public LeftFragmentAdapter(List<String> list, Context context) {
        this.list = list;
        this.context = context;
    }

    @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 View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if(convertView == null){
            convertView = LayoutInflater.from(context).inflate(R.layout.leftitem,parent,false);
            holder = new ViewHolder();
            holder.text = convertView.findViewById(R.id.left_item);
            convertView.setTag(holder);
        }else {
            holder = (ViewHolder) convertView.getTag();
        }
        holder.text.setText(list.get(position));
        return convertView;
    }
    class ViewHolder{
        TextView text;
    }
}

MainActivity，侧滑fragment点击操作


public class MainActivity extends AppCompatActivity {

    private DrawerLayout drawerLayout;
    private ViewPager viewPager;
    private TabLayout tabLayout;
    private FrameLayout frameLayout;
    private ActionBar actionBar;
    private ActionBarDrawerToggle toggle;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initView();
        initData(savedInstanceState);
    }

    private void initData(Bundle savedInstanceState) {
        actionBar = getSupportActionBar();
        actionBar .setDisplayHomeAsUpEnabled(true);
        toggle = new ActionBarDrawerToggle(this,drawerLayout,R.string.open,R.string.close);
        toggle.syncState();
        drawerLayout.addDrawerListener(toggle);
        if(savedInstanceState==null){
            getSupportFragmentManager().beginTransaction()
                    .add(R.id.leftframelayout,new LeftFragment())
                    .commit();
        }
        viewPager.setAdapter(new TabAdapter(getSupportFragmentManager()));
        tabLayout.setupWithViewPager(viewPager);


    }

    public void getcurr(int position){
        viewPager.setCurrentItem(position);
        drawerLayout.closeDrawers();
    }
    private void initView() {
        drawerLayout = findViewById(R.id.draw);
        viewPager = findViewById(R.id.main_viewpager);
        tabLayout = findViewById(R.id.main_tablayout);
        frameLayout = findViewById(R.id.leftframelayout);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if(toggle.onOptionsItemSelected(item)){
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

TabLayout + viewPager适配器

package jx.com.fragment;

import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

public class TabAdapter extends FragmentPagerAdapter {

    String[] str = new String[]{"首页","视频","我的"};

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

    @Override
    public Fragment getItem(int position) {
        switch (position){
            case 0:
                return new ShouyeFragment();
            case 1:
                return new ShipinFragment();
            case 2:
                return new WodeFragment();
                default:
                    return new Fragment();
        }
    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return str[position];
    }

    @Override
    public int getCount() {
        return str.length;
    }
}

图片二级采样工具类

package jx.com.netutil;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;

public class NetUtil {

    public static NetUtil instance;
    public static NetUtil getInstance(){
        if(instance==null){
            instance = new NetUtil();
        }
        return instance;
    }

    public Bitmap getBitmap(String imagefile,int width,int height){

        BitmapFactory.Options opts = new BitmapFactory.Options();
        opts.inJustDecodeBounds = true;
        BitmapFactory.decodeFile(imagefile,opts);
        opts.inSampleSize = Math.max(opts.outHeight/height,opts.outWidth/width);
        opts.inJustDecodeBounds = false;
        return BitmapFactory.decodeFile(imagefile,opts);
    }

    /*//tup质量压缩: 只改变文件大小,基本不改变内存占用
    public static Bitmap compress(Bitmap bitmap, int qual, File output) {
        Bitmap result = bitmap;
        try {
            //缩放后的
            //bitmap.compress(Bitmap.CompressFormat.JPEG, 100, new FileOutputStream(new File(Environment.getExternalStorageDirectory(), "tmp.jpg")));


            //压缩后的,保存到output文件
            bitmap.compress(Bitmap.CompressFormat.JPEG, qual, new FileOutputStream(output));
            //再次解析压缩后的图片
            result = BitmapFactory.decodeFile(output.getAbsolutePath());
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        };
        return result;
    }*/
}

网络获取数据工具类（json解析 接口回调）

package jx.com.week3_1;

import android.os.AsyncTask;

import com.google.gson.Gson;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;

public class NetUtil {

    public static NetUtil instance;
    public static NetUtil getInstance(){
        if (instance == null){
            instance = new NetUtil();
        }
        return instance;
    }


    public interface CallBack<T>{
        void getmessage(T t);
    }

    public void getload(String myuri, final Class clazz, final CallBack callBack){
        new AsyncTask<String, Void, Object>() {
            @Override
            protected Object doInBackground(String... strings) {
                return getload(strings[0],clazz);
            }

            @Override
            protected void onPostExecute(Object o) {
                super.onPostExecute(o);
                callBack.getmessage(o);
            }
        }.execute(myuri);
    }

    public <E> E getload(String myuri,Class clazz){
        E e = (E) new Gson().fromJson(getload(myuri), clazz);
        return e;
    }

    public String getload(String myuri){
        String stream = "";
        try {
            URL url = new URL(myuri);
            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
            connection.setReadTimeout(5000);
            connection.setConnectTimeout(5000);
            int responseCode = connection.getResponseCode();
            if(responseCode == 200){
                stream = stream(connection.getInputStream());
            }
        } catch (MalformedURLException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return stream;
    }

    public String stream(InputStream is) throws IOException {
        BufferedReader br = new BufferedReader(new InputStreamReader(is));
        StringBuilder builder = new StringBuilder();
        for (String tmp = br.readLine();tmp!=null;tmp = br.readLine()){
            builder.append(tmp);
        }
        return builder.toString();

    }
}

嵌套的TabLayout+ViewPager(正在上映和即将上映)

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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:background="#ccc">

    <android.support.design.widget.TabLayout
        android:id="@+id/sp_tablayout"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:tabMode="fixed"
        app:tabGravity="fill"
        app:tabMaxWidth="0dp"
        app:tabIndicatorHeight="3dp"
        app:tabSelectedTextColor="@color/colorPrimary"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        ></android.support.design.widget.TabLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/sp_viewpager"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintTop_toBottomOf="@+id/sp_tablayout"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        ></android.support.v4.view.ViewPager>

</android.support.constraint.ConstraintLayout>

嵌套的tabLayout + viewpager展示数据页

    private TabLayout tabLayout;
    private ViewPager viewPager;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.shipin,container,false);
        tabLayout = view.findViewById(R.id.sp_tablayout);
        viewPager = view.findViewById(R.id.sp_viewpager);
        return view;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        viewPager.setAdapter(new MoveAdapter(getChildFragmentManager()));
        tabLayout.setupWithViewPager(viewPager);

    }
}

展示正在上映和即将上映的适配器（用同一个Fragment加Adapter）

public class MoveAdapter extends FragmentPagerAdapter {

    private String[] str = new String[]{"正在上映","即将上映"};
    private String[] myurl = new String[]{
            "http://172.17.8.100/movieApi/movie/v1/findHotMovieList?count=10&page=",
            "http://172.17.8.100/movieApi/movie/v1/findReleaseMovieList?count=10&page="
    };

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

    @Override
    public Fragment getItem(int position) {
        switch (position){
                default:
                    Bundle bundle =new Bundle();
                    bundle.putString("url",myurl[position]);
                    zhengzaiFragment zhengzai= new zhengzaiFragment();
                    zhengzai.setArguments(bundle);
                    return zhengzai;
        }
    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return str[position];
    }

    @Override
    public int getCount() {
        return str.length;
    }
}

展示正在上映和即将上映Fragment+ PullToRefreshListView刷新加载

    private PullToRefreshListView listView;
    private int flag;
    private String uri;
    private int mpage=1;
    private MoveListAdapter adapter;
    private final int COUNT = 10;
    private NewDao dao;
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.zhengzai,container,false);
        listView = view.findViewById(R.id.zh_listview);
        return view;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        uri = getArguments().getString("url");
        dao  = new NewDao(getActivity());
        flag = 1;
        adapter = new MoveListAdapter(getActivity());
        listView.setAdapter(adapter);
        //支持刷新加载
        listView.setMode(PullToRefreshBase.Mode.BOTH);

        listView.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<ListView>() {
            @Override
            public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
                flag = 1;
                getinit();
            }

            @Override
            public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {
                getinit();
            }
        });
        getinit();
    }
    private void getinit(){
        NetUtil.getInstance().getload(uri + mpage, NewBean.class, new NetUtil.CallBack<NewBean>() {
            @Override
            public void getmessage(NewBean o) {
                if(o==null || !o.isSuccess()){
                    Toast.makeText(getActivity(),"请求失败",Toast.LENGTH_SHORT).show();
                    listView.onRefreshComplete();
                    return;
                }
                    if(flag == 1){
                    dao.delete();
                    }
                List<NewBean.Result> result = o.getResult();
                dao.add(result);
                List<NewBean.Result> select = dao.select();
                if(flag == 1){
                        adapter.setMlist(select);
                    }else {
                        adapter.addMlist(select);
                    }
                    flag++;
                listView.onRefreshComplete();
                if (o.getResult().size()<=10){
                    listView.setMode(PullToRefreshBase.Mode.PULL_FROM_START);
                }else {
                    listView.setMode(PullToRefreshBase.Mode.BOTH);
                }
            }
        });
    }
}

子条目布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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">

    <TextView
        android:id="@+id/text1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginTop="30dp"
        app:layout_constraintLeft_toLeftOf="parent"
        android:layout_marginLeft="20dp"
        app:layout_constraintRight_toLeftOf="@+id/image"
        />

    <TextView
        android:id="@+id/text2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="@+id/text1"
        app:layout_constraintLeft_toLeftOf="parent"
        android:layout_marginTop="30dp"
        android:maxLines="3"
        android:ellipsize="end"
        android:layout_marginLeft="20dp"
        app:layout_constraintRight_toLeftOf="@+id/image"
        />

    <ImageView
        android:id="@+id/image"
        android:layout_width="150dp"
        android:layout_height="150dp"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        />
</android.support.constraint.ConstraintLayout>

ImageLoader 工具类（Application）+存储

public class Imageloder extends Application {

    @Override
    public void onCreate() {
        super.onCreate();
        ImageLoaderConfiguration configuration = null;
        try {
            configuration = new ImageLoaderConfiguration.Builder(this)
                    .defaultDisplayImageOptions(new DisplayImageOptions.Builder()
                            .cacheInMemory(true)
                            .cacheOnDisk(true)
                            .build())
                    .diskCache(new LruDiskCache(new File(Environment.getExternalStorageDirectory(),"image"),new Md5FileNameGenerator(),10*1024*1024))
                    .build();
        } catch (IOException e) {
            e.printStackTrace();
        }
        ImageLoader.getInstance().init(configuration);
    }
}

创建数据库 ++ 创建表

package jx.com.sqlhelper;

import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;
import android.support.annotation.Nullable;

public class MySqliteHelper extends SQLiteOpenHelper {
    public MySqliteHelper(@Nullable Context context) {
        super(context, "new", null, 1);
    }

    @Override
    public void onCreate(SQLiteDatabase db) {
        db.execSQL("create table news(id integer primary key autoincrement," +
                "name text," +
                "summary text," +
                "imageUrl text)");
    }

    @Override
    public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {

    }
}

Dao层（增删查）

package jx.com.dao;

import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;

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

import jx.com.bean.NewBean;
import jx.com.sqlhelper.MySqliteHelper;

public class NewDao {

    private SQLiteDatabase base;
    public NewDao (Context context){
        MySqliteHelper mySqliteHelper = new MySqliteHelper(context);
        base = mySqliteHelper.getReadableDatabase();
    }

    public void add(List<NewBean.Result> result){

        ContentValues values = new ContentValues();
        for (int i = 0;i<result.size();i++){
            values.put("name",result.get(i).getName());
            values.put("summary",result.get(i).getSummary());
            values.put("imageUrl",result.get(i).getImageUrl());
            base.insert("news",null,values);
        }


    }
    public List<NewBean.Result> select(){
        List<NewBean.Result> list = new ArrayList<>();
        Cursor query = base.query("news", null, null, null, null, null, null);
        while (query.moveToNext()){
            String name = query.getString(query.getColumnIndex("name"));
            String summary = query.getString(query.getColumnIndex("summary"));
            String imageUrl = query.getString(query.getColumnIndex("imageUrl"));
            NewBean.Result bean = new NewBean.Result(name, summary, imageUrl);
            list.add(bean);
        }
        return list;
    }

    public void delete(){
        base.delete("news",null,null);
    }

}
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值