实现根据图片数量不同的多条目加载

最新推荐文章于 2020-09-01 11:02:27 发布
最新推荐文章于 2020-09-01 11:02:27 发布
阅读量388 收藏 1
点赞数
分类专栏： Android 之 图片 视频
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jun_tong/article/details/78818259
版权

例题：实现根据图片数量不同的多条目加载

 

在开始之前记得导jsr包（gson）和（universalimageloader）

加权限：

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

 
布局：
<ListView
    android:id="@+id/list_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
======================================================================
主要代码：（MainActivity）
listView = (ListView) findViewById(R.id.list_view);
    //首先判断是否连接网络
    boolean result=NetStateUtil.isConn(this);
    if(result){
        //进行网络请求
        MyTask myTask=new MyTask();
        myTask.execute("http://v.juhe.cn/toutiao/index?type=top&key=444da40ec8ee43818073d7131c2ffa8f");
    }else{
        //跳转到设置页面
        NetStateUtil.openDg(this);
    }
}
class MyTask extends AsyncTask<String,Void,String> {
    @Override
    protected String doInBackground(String... strings) {
        StringBuilder builder=new StringBuilder();
        //1.根据url创建URL
        try {
            URL url=new URL(strings[0]);
            //2.打开连接
            HttpURLConnection conn =(HttpURLConnection) url.openConnection();
            //3.设置
            conn.setRequestMethod("GET");
            conn.setConnectTimeout(5000);
            conn.setReadTimeout(5000);
            //4.判断结果码
            if(conn.getResponseCode()==200){
                //5.获取数据
                InputStream inputStream = conn.getInputStream();
                BufferedReader reader=new BufferedReader(new InputStreamReader(inputStream));
                String str;
                while ((str=reader.readLine())!=null){
                    builder.append(str);
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        Log.d("zzz",builder.toString());
        return builder.toString();
    }
    //async 执行完 doinbackground..后 马上来执行onPostExecute方法
    @Override
    protected void onPostExecute(String s) {
        Gson gson=new Gson();
        Result result = gson.fromJson(s, Result.class);
        //更新listview
        MyAdapter adapter=new MyAdapter(MainActivity.this,result.getResult().getData());
        listView.setAdapter(adapter);
    }
=========================================================
Result解析类
public class Result {
ALT+S（GsonFormat）json解析
}
=============================================================
NetStateUtil类：
class NetStateUtil {
    public static boolean isConn(Context context){
        ConnectivityManager manager = (ConnectivityManager) context.getSystemService(Context.CONNECTIVITY_SERVICE);
        NetworkInfo info = (NetworkInfo) manager.getActiveNetworkInfo();
        if(info!=null && info.isAvailable()){
            return  true;
        }
        return false;
    }
    public  static void openDg(final Context context){
        AlertDialog.Builder builder=new AlertDialog.Builder(context);
        builder.setMessage("是否要进行网络连接设置？");
        builder.setPositiveButton("设置", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialogInterface, int i) {
                Intent intent=null;
                //判断手机系统的版本  即API大于10 就是3.0或以上版本
                if(android.os.Build.VERSION.SDK_INT>10){
                    intent = new Intent(android.provider.Settings.ACTION_WIRELESS_SETTINGS);
                }else{
                    intent = new Intent();
                    ComponentName component = new ComponentName("com.android.settings","com.android.settings.WirelessSettings");
                    intent.setComponent(component);
                    intent.setAction("android.intent.action.VIEW");
                }
                context.startActivity(intent);
            }
        });
        builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialogInterface, int i) {
            }
        });
        builder.create().show();
    }
}
========================================================
MyAdapter适配器类
class MyAdapter extends BaseAdapter{
    private Context context;
    private List<Result.ResultBean.DataBean> datas;
    private DisplayImageOptions options;
    public MyAdapter(Context context, List<Result.ResultBean.DataBean> datas) {
        this.context = context;
        this.datas = datas;
        options=new DisplayImageOptions.Builder()
                .cacheInMemory(true)//使用内存缓存
                .cacheOnDisk(true)//使用磁盘缓存

                .showImageOnLoading(R.mipmap.ic_launcher)//设置正在下载的图片
                .showImageForEmptyUri(R.mipmap.ic_launcher)//url为空或请求的资源不存在时
                .showImageOnFail(R.mipmap.ic_launcher)//下载失败时显示的图片

                .bitmapConfig(Bitmap.Config.RGB_565)//设置图片色彩模式
                .imageScaleType(ImageScaleType.EXACTLY)//设置图片的缩放模式
                .build();
    }
    //定义三种类型
    private final int THREE_IMAGE=0;
    private final int TWO_IMAGE=1;
    private final int ONE_IMAGE=2;
    @Override
    public int getCount() {
        return datas.size();
    }
    @Override
    public Object getItem(int i) {
        return null;
    }
    @Override
    public long getItemId(int i) {
        return 0;
    }
    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        //得到当前条目对应的类型
        int type = getItemViewType(i);
        if(type==THREE_IMAGE){
            ViewHolder3 viewHolder3;
            if(view==null){
                view=View.inflate(context,R.layout.item_three_image,null);
                viewHolder3=new ViewHolder3();
                viewHolder3.textView=view.findViewById(R.id.tv_title);
                viewHolder3.img1=view.findViewById(R.id.img1);
                viewHolder3.img2=view.findViewById(R.id.img2);
                viewHolder3.img3=view.findViewById(R.id.img3);
                view.setTag(viewHolder3);
            }else{
                viewHolder3=(ViewHolder3) view.getTag();
            }
            viewHolder3.textView.setText(datas.get(i).getTitle());
            //下载图片
            ImageLoader.getInstance().displayImage(datas.get(i).getThumbnail_pic_s(),viewHolder3.img1,options);
            ImageLoader.getInstance().displayImage(datas.get(i).getThumbnail_pic_s02(),viewHolder3.img2,options);
            ImageLoader.getInstance().displayImage(datas.get(i).getThumbnail_pic_s03(),viewHolder3.img3,options);
            return  view;
        }else if(type==TWO_IMAGE){
            ViewHolder2 viewHolder2;
            if(view==null){
                view=View.inflate(context,R.layout.item_two_image,null);
                viewHolder2=new ViewHolder2();
                viewHolder2.textView=view.findViewById(R.id.tv_title);
                viewHolder2.img1=view.findViewById(R.id.img1);
                viewHolder2.img2=view.findViewById(R.id.img2);
                view.setTag(viewHolder2);
            }else{
                viewHolder2=(ViewHolder2) view.getTag();
            }
            viewHolder2.textView.setText(datas.get(i).getTitle());
            //下载图片
            ImageLoader.getInstance().displayImage(datas.get(i).getThumbnail_pic_s(),viewHolder2.img1,options);
            ImageLoader.getInstance().displayImage(datas.get(i).getThumbnail_pic_s02(),viewHolder2.img2,options);
            return  view;
        }else{
            ViewHolder1 viewHolder1;
            if(view==null){
                view=View.inflate(context,R.layout.item_one_image,null);
                viewHolder1=new ViewHolder1();
                viewHolder1.textView=view.findViewById(R.id.tv_title);
                viewHolder1.img1=view.findViewById(R.id.img1);
                view.setTag(viewHolder1);
            }else{
                viewHolder1=(ViewHolder1) view.getTag();
            }
            viewHolder1.textView.setText(datas.get(i).getTitle());
            //下载图片
            ImageLoader.getInstance().displayImage(datas.get(i).getThumbnail_pic_s(),viewHolder1.img1,options);
            return  view;
        }
    }
    @Override
    public int getViewTypeCount() {
        return 3;
    }
    //position:条目的下标
    @Override
    public int getItemViewType(int position) {
        //得到图片地址
        String pics = datas.get(position).getThumbnail_pic_s();
        String pic02 = datas.get(position).getThumbnail_pic_s02();
        String pic03 = datas.get(position).getThumbnail_pic_s03();
        if(pics!=null && pic02!=null && pic03!=null){
            return THREE_IMAGE;//三张图类型
        }else if(pics!=null && pic02!=null && pic03==null){
            return TWO_IMAGE;//两张图的类型
        }else if(pics!=null && pic02==null && pic03==null){
            return ONE_IMAGE;//一张图的类型
        }else{
            return ONE_IMAGE;
        }
    }

    class ViewHolder1{
        TextView textView;
        ImageView img1;
    }
    class ViewHolder2{
        TextView textView;
        ImageView img1;
        ImageView img2;
    }
    class ViewHolder3{
        TextView textView;
        ImageView img1;
        ImageView img2;
        ImageView img3;
    }
}
====================================================================
适配器中的布局：

item_one_image

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

　　<TextView android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/tv_title"/>

　　<ImageView android:layout_height="80dp" android:layout_width="match_parent" android:id="@+id/img1" android:layout_centerHorizontal="true" android:layout_below="@+id/tv_title"/>

</RelativeLayout>

item_two_image

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

　　<TextView android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/tv_title"/>

　　<LinearLayout android:layout_height="wrap_content" android:layout_width="match_parent" android:layout_below="@+id/tv_title" android:layout_centerHorizontal="true" android:orientation="horizontal">

　　　　<ImageView android:layout_height="80dp" android:layout_width="0dp" android:id="@+id/img1" android:layout_weight="1"/>

　　　　<ImageView android:layout_height="80dp" android:layout_width="0dp" android:id="@+id/img2" android:layout_weight="1"/>

　　</LinearLayout>

</RelativeLayout>

item_three_image

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

　　<TextView android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/tv_title"/>

　　<LinearLayout android:layout_height="wrap_content" android:layout_width="match_parent" android:layout_below="@+id/tv_title" android:layout_centerHorizontal="true" android:orientation="horizontal">

　　　　<ImageView android:layout_height="80dp" android:layout_width="0dp" android:id="@+id/img1" android:layout_weight="1"/>

　　　　<ImageView android:layout_height="80dp" android:layout_width="0dp" android:id="@+id/img2" android:layout_weight="1"/>

　　　　<ImageView android:layout_height="80dp" android:layout_width="0dp" android:id="@+id/img3" android:layout_weight="1"/>

　　</LinearLayout>

</RelativeLayout>

==============================================================================================

imageloader：（记得导jar包universalimageloader）

public class MyApplication extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
//        File file=getExternalCacheDir();//...data
        File file= new File(Environment.getExternalStorageDirectory().getPath()+"/aaa");
        //imgeloader的初使化
        ImageLoaderConfiguration configuration=new ImageLoaderConfiguration.Builder(this)
                .memoryCacheExtraOptions(480, 800)//缓存图片最大的长和宽
                .threadPoolSize(2)//线程池的数量
                .threadPriority(4)
                .memoryCacheSize(5*1024*1024)//设置内存缓存区大小
                .diskCacheSize(50*1024*1024)//设置sd卡缓存区大小
                .diskCache(new UnlimitedDiscCache(file))//自定义sd缓存目录
                .writeDebugLogs()//打印日志内容
                .diskCacheFileNameGenerator(new Md5FileNameGenerator())//给缓存的文件名进行md5加密处理
                .build();
        ImageLoader.getInstance().init(configuration);
    }
}
jun_tong
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
超简单RecycleView多条目展示（根据接口里图片的数量进行多条目展示）
ZHUHUOHUO的博客
01-06 1023
操作都在适配器里面，所以我只放了适配器的代码 public class Adapter extends RecyclerView.Adapter&amp;lt;RecyclerView.ViewHolder&amp;gt; { private final int THREE_IMAGE=0; private final int TWO_IMAGE=1; private final int...
android 图片方法,一种Android端的多图片展示方法与流程
weixin_33302571的博客
05-25 1099
本发明涉及图片显示技术领域，尤其涉及的是一种android端的多图片展示方法。背景技术：android端的多图片展示在目前有很多种解决方案，但是大多数代码侵入性太强，在单张图片上效果实现没有问题，但是在多张图片上展示效果不理想，并且性能也很差。以目前流行的九宫格图片展示方案为例，在展示1张到9张图片上都有不同的排列效果，传统方案是在xml布局文件中通过多个系统本身提供的控件，也就是image控件来...
仿微信朋友圈根据图片数量不同而显示不同格式
ZhangXuxiaoqingnian的博客
08-15 1565
第一步:自定义控件 public class FriendsCircleImageLayout extends ViewGroup { /** * 显示的行数 */ private int mColumnCount; /** * 默认间距 */ private final float DEFAULT_SPACING = 2...
android开发 根据上传图片张数变换不同的布局
qq_25188705的博客
04-20 2406
我们在QQ发表说说图片的时候，发现所发图片张数不同，布局也是不同的。今天在做类似的功能时候，研究了一下； 一张图片的时候：按图片比例显示； 二张图片的时候：每张图片宽带占屏宽1/2，高度为宽度大小； 三张图片的时候：每张图片宽带占屏宽1/3，高度为宽度大小； 四张图片的时候：每张图片宽带占屏宽1/2，高度为宽度大小，两行； 五张图片的时候：每张图片宽带占屏宽1/3，高度为宽度大小，两行；
Android 多图上传后九宫格图片识别图片数量设置大小
11-18
自定义view九宫格图片展示,他可以进行对图片数量的大小进行图片的大小设置,因为在单张图片的时侯,我们需要将图片大小调大,多张图片时将图片调小,大小看需求自己进行调试
多媒体教室
06-14
学生频道设定可以设定学生机频道号，通过设定教师机与学生机频道号可以使处于同一网段的不同班级上课互不干扰，实现多个班级上课（初始频道号默认为 0 频道）。绑定地址是指在学生机存在多个网卡时选择绑定哪个网卡...
支持多种形式的新闻滚动、跑马灯效果
05-23
新闻滚动通常是指在一个固定的区域，如网页顶部或侧边栏，连续不断地滚动显示多条新闻标题。这种效果可以让用户在不离开当前页面的情况下，了解到最新的资讯。跑马灯效果则源自传统霓虹灯的滚动展示，它是一种文字或...
GALERIE_PHP_JAVASCRIPT_galerie_images
03-08
2. **分页加载**：当图片数量较大时，JavaScript可以实现懒加载，即只加载当前视窗内的图片，提高页面加载速度。 3. **动画效果**：JavaScript库如jQuery或Vue.js可以添加过渡效果，如淡入淡出、滑动切换等，使画廊...
Android recyclerview图片按照数量展示不同高度
weixin_43117800的博客
09-01 644
recyclerview创建适配器 //图片按照图片数量显示列数 if (data.getData().getImgs().size() == 1) { //图片只有一张时显示一列 circledetailImgrecy.setLayoutManager(new StaggeredGridLayoutManager(1, StaggeredGridLayoutManager.VERTICAL..
查找文件夹下图片的数量
LVOEWZDG的博客
06-20 2183
//查找文件夹下图片的数量\private int getFiles(String string){ int i=0; File file = new File(string); File[] files = file.listFiles(); for (int j = 0; j < files.length; j++) { String name =
Android的三种图片加载（ImageView，SufaceView，自定义View）
Chongchong's Home
04-11 817
最近看了音视频的入门，所以对着三种加载图片的方式自己动手实现了一下，下面就是自己实现的过程还有我在实现种所处理的问题： MainActivity种的代码： public class MainActivity extends AppCompatActivity { private static final String TAG = "MainActivity"; privat...
iOS UIViewd的Content Modes属性 调整 ImageView 图片自适应模式 展示样式 UIViewContentMode各类型效果
UP的博客
09-22 1506
类似于 Label 的 文字居中类型,在展示图片时,也有一个ContentMode 属性 控制 图片展示的居中等样式. contentMode 是 UIview 的一个属性官网描述 The content mode specifies how the cached bitmap of the view’s layer is adjusted when the view’s bounds cha
如何使用GridView实现不同数量显示图片不同的大小
Rindia的博客
08-19 2134
有时我们需要在空间看到说说发布一张图片变得很大，多发几张图片就变小了，为了实现这个效果我们就需要Gridview 和它的Adapter
glide加载图片实现不同大小圆角图片
最新发布
10-19
Glide是一款功能强大的图片加载库，它支持加载各种不同大小的图片并实现圆角效果。 要在Glide中加载圆角图片，可以使用Glide的Transformation功能。Transformation可以对图片进行各种处理，包括圆角、旋转、模糊等。 首先，我们需要添加Glide库到工程中，并在代码中使用Glide加载图片。通过Glide.with(context)方法获取一个Glide的实例，然后使用load()方法加载图片的URL或本地路径。 接下来，我们可以使用Glide的bitmapTransform()方法添加一个Transformation来实现圆角效果。在bitmapTransform()方法中，我们可以使用RoundedCorners()方法创建一个RoundedCornersTransformation实例，并指定圆角的大小。 最后，通过into()方法将处理后的图片显示到ImageView上。 以下是一个简单示例代码： ```java Glide.with(context) .load(imageUrl) .bitmapTransform(new RoundedCornersTransformation(radius, margin)) .into(imageView); ``` 在上述示例代码中，imageUrl是要加载的图片的URL，imageView是要显示图片的ImageView，radius是圆角的半径，margin是边缘的大小。 通过以上步骤，我们可以使用Glide加载不同大小的图片，并且实现圆角效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值