Android第七讲笔记（圆形图片，网络图片，下拉刷新，上拉加载）

最新推荐文章于 2022-12-04 15:37:16 发布
最新推荐文章于 2022-12-04 15:37:16 发布
阅读量1.4k 收藏 12
点赞数 6
分类专栏： Android开发 文章标签： 安卓 android android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ladiez/article/details/116107745
版权

目录

说明

下面的几个案例都是基于如下的项目。模仿了QQ的界面，集成了Fragment和RecycleView。如何做出这个界面这里就不贴很多代码了。代码上传在了github，在第六讲笔记中有制作的方法，可以参考。
贴一张效果图
在这里插入图片描述
项目结构
在这里插入图片描述

1.圆形图片

在很多的地方，比如上述的QQ案例，在我们常使用的QQ界面中，联系人的头像都是圆形的。但是在Android Studio的ImageView并没有内置的方法设置圆角。接下来介绍一下设置圆角的方法。
新建一个类CircleImageView
用来写一个圆形图片，可以直接复制使用

package com.hnucm.myapplication;


import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;

import androidx.annotation.Nullable;

public class CircleImageView extends androidx.appcompat.widget.AppCompatImageView {

    //画笔
    private Paint mPaint;
    //圆形图片的半径
    private int mRadius;
    //图片的宿放比例
    private float mScale;

    public CircleImageView(Context context) {
        super(context);
    }

    public CircleImageView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public CircleImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //由于是圆形，宽高应保持一致
        int size = Math.min(getMeasuredWidth(), getMeasuredHeight());
        mRadius = size / 2;
        setMeasuredDimension(size, size);
    }

    @SuppressLint("DrawAllocation")
    @Override
    protected void onDraw(Canvas canvas) {

        mPaint = new Paint();

        Drawable drawable = getDrawable();

        if (null != drawable) {
            Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();

            //初始化BitmapShader，传入bitmap对象
            BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
            //计算缩放比例
            mScale = (mRadius * 2.0f) / Math.min(bitmap.getHeight(), bitmap.getWidth());

            Matrix matrix = new Matrix();
            matrix.setScale(mScale, mScale);
            bitmapShader.setLocalMatrix(matrix);
            mPaint.setShader(bitmapShader);
            //画圆形，指定好坐标，半径，画笔
            canvas.drawCircle(mRadius, mRadius, mRadius, mPaint);
        } else {
            super.onDraw(canvas);
        }
    }

}

把原来布局中的ImageView改成包名.CircleImageView在这里插入图片描述

2.网络图片

学会使用开源代码。最大的同性交友网站github是我们程序员的首选。
网络图片开源代码：https://github.com/bumptech/glide

1.加入依赖包到build.gradle

在这个文件的dependencies下方加入依赖。

  implementation 'com.github.bumptech.glide:glide:4.12.0'
  annotationProcessor 'com.github.bumptech.glide:compiler:4.12.0'

在这里插入图片描述

2.在manifests中添加网络访问权限

因为网络图片需要获得网络权限，所以需要添加。
其他地理位置权限，读取用户的相册等等权限都需要在这里添加
在这里插入图片描述
android：usesCleartextTraffic 这句代码意思是如果访问的地址是http开头也可以访问，没有加就无法访问，https开头的地址可以不用加。在这里插入图片描述

3.回到MessageFragment.java中加入网络图片

核心代码，用于加载网络图片

Glide.with(getActivity()).load("https://p3.ssl.qhimgs1.com/sdr/400__/t0188e5449327de5e33.jpg").into(holder.imageView);

在这里插入图片描述

3.下拉刷新，上拉加载

开源代码

1.导入依赖

// 注意：分包之后不会有默认的Header和Footer需要手动添加！还是原来的三种方法！
implementation  'com.scwang.smart:refresh-layout-kernel:2.0.3'      //核心必须依赖
implementation  'com.scwang.smart:refresh-header-classics:2.0.3'    //经典刷新头
implementation  'com.scwang.smart:refresh-header-radar:2.0.3'       //雷达刷新头
implementation  'com.scwang.smart:refresh-header-falsify:2.0.3'     //虚拟刷新头
implementation  'com.scwang.smart:refresh-header-material:2.0.3'    //谷歌刷新头
implementation  'com.scwang.smart:refresh-header-two-level:2.0.3'   //二级刷新头
implementation  'com.scwang.smart:refresh-footer-ball:2.0.3'        //球脉冲加载
implementation  'com.scwang.smart:refresh-footer-classics:2.0.3'    //经典加载

同样要点击同步

2.在message.xml中添加SmartRefreshLayout布局

SmartRefreshLayout就是
在这里插入图片描述
里面嵌套了之前的RecyclerView

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:background="#cccccc"
    tools:context=".MessageFragment">

    <com.scwang.smart.refresh.layout.SmartRefreshLayout
        android:id="@+id/SmartRefreshLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recyclerview"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </com.scwang.smart.refresh.layout.SmartRefreshLayout>


</androidx.constraintlayout.widget.ConstraintLayout>

3.添加上拉加载下拉刷新代码

开源代码里有样例

RefreshLayout refreshLayout = (RefreshLayout)findViewById(R.id.refreshLayout);
refreshLayout.setRefreshHeader(new ClassicsHeader(this));
refreshLayout.setRefreshFooter(new ClassicsFooter(this));
refreshLayout.setOnRefreshListener(new OnRefreshListener() {
    @Override
    public void onRefresh(RefreshLayout refreshlayout) {
        refreshlayout.finishRefresh(2000/*,false*/);//传入false表示刷新失败
    }
});
refreshLayout.setOnLoadMoreListener(new OnLoadMoreListener() {
    @Override
    public void onLoadMore(RefreshLayout refreshlayout) {
        refreshlayout.finishLoadMore(2000/*,false*/);//传入false表示加载失败
    }
});

这个时候可以实现简单的刷新了，但是数据没有发生任何变化
在每次刷新之后清除数据，然后重新添加新数据
在MessageFragment.java中修改
在这里插入图片描述
每次上拉之后添加数据
在这里插入图片描述
完整代码

package com.hnucm.myapplication;

import android.os.Bundle;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;


import com.bumptech.glide.Glide;
import com.scwang.smart.refresh.footer.ClassicsFooter;
import com.scwang.smart.refresh.header.ClassicsHeader;
import com.scwang.smart.refresh.layout.SmartRefreshLayout;
import com.scwang.smart.refresh.layout.api.RefreshLayout;
import com.scwang.smart.refresh.layout.listener.OnLoadMoreListener;
import com.scwang.smart.refresh.layout.listener.OnRefreshListener;

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


public class MessageFragment extends Fragment {
    RecyclerView recyclerView;
    List<Chat> chatList = new ArrayList<>();
    MyAdapter myAdapter;
    SmartRefreshLayout smartRefreshLayout;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_message, container, false);
        return view;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        recyclerView = getActivity().findViewById(R.id.recyclerview);
//        无下拉功能
//        上拉刷新，数据到底  重新加载新数据
//        开源
        for (int i = 0; i < 10; i++) {
            Chat chat = new Chat();
            chat.setTime("下午4：00");
            chat.setContent("content" + i);
            chat.setName("name" + i);
            chat.setImg(R.drawable.a1);
            chatList.add(chat);
        }
        myAdapter = new MyAdapter();
        recyclerView.setAdapter(myAdapter);
        recyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));

        smartRefreshLayout=getActivity().findViewById(R.id.SmartRefreshLayout);
        smartRefreshLayout.setRefreshHeader(new ClassicsHeader(getActivity()));
        smartRefreshLayout.setRefreshFooter(new ClassicsFooter(getActivity()));
        smartRefreshLayout.setOnRefreshListener(new OnRefreshListener() {
            @Override
            public void onRefresh(RefreshLayout refreshlayout) {
//                todo 清除数据
                chatList.clear();
                refreshlayout.finishRefresh(2000/*,false*/);//传入false表示刷新失败
                for (int i = 0; i < 10; i++) {
                    Chat chat = new Chat();
                    chat.setTime("下午4：00  new");
                    chat.setContent("content  new" + i);
                    chat.setName("name  new" + i);
                    chat.setImg(R.drawable.a1);
                    chatList.add(chat);
                }
                myAdapter.notifyDataSetChanged();
            }
        });
        smartRefreshLayout.setOnLoadMoreListener(new OnLoadMoreListener() {
            @Override
            public void onLoadMore(RefreshLayout refreshlayout) {
//                todo 添加数据
//                重新添加数据
                for (int i = 10; i < 20; i++) {
                    Chat chat = new Chat();
                    chat.setTime("下午4：00");
                    chat.setContent("content" + i);
                    chat.setName("name" + i);
                    chat.setImg(R.drawable.a1);
                    chatList.add(chat);
                }
                refreshlayout.finishLoadMore(2000/*,false*/);//传入false表示加载失败
                myAdapter.notifyDataSetChanged();
            }
        });
    }


    public class MyAdapter extends RecyclerView.Adapter<MyViewHolder> {

        @NonNull
        @Override
        public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            View view = LayoutInflater.from(getActivity()).inflate(R.layout.item_chat, parent, false);
            MyViewHolder myViewHolder = new MyViewHolder(view);
            return myViewHolder;
        }

        @Override
        public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
            holder.nameTv.setText(chatList.get(position).getName());
            holder.contentTv.setText(chatList.get(position).getContent());
            holder.timeTv.setText(chatList.get(position).getTime());
            holder.imageView.setImageResource(chatList.get(position).getImg());
//          getActivity       如果当前类继承了Activity，就用当前类.this
            //Glide.with(getActivity()).load("https://p3.ssl.qhimgs1.com/sdr/400__/t0188e5449327de5e33.jpg").into(holder.imageView);
        }

        @Override
        public int getItemCount() {
            return chatList.size();
        }
    }


    public class MyViewHolder extends RecyclerView.ViewHolder {
        TextView nameTv;
        TextView contentTv;
        TextView timeTv;
        ImageView imageView;

        public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            nameTv = itemView.findViewById(R.id.nametextview);
            contentTv = itemView.findViewById(R.id.contenttextview);
            timeTv = itemView.findViewById(R.id.timetextview);
            imageView = itemView.findViewById(R.id.imageView);
        }
    }

}

效果图
在这里插入图片描述

a碟
关注
  • 6
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
android自定义view分区域点击的圆饼图(区域个数比例根据数据源动态改变)
雨中墨客
11-16 1122
android分区域点击的圆饼图(区域个数比例根据数据源改变)
java 固定长度集合（ArrayList 和 LinkedList） 实现
OneN的博客
12-15 3418
import androidx.annotation.NonNull; import java.util.ArrayList; import java.util.Collection; public class MaxSizeArrayList extends ArrayList { private final long mMaxSize; public MaxSizeArrayList(int maxSize) { this.mMaxSize = maxSize...
Android中图片圆形设置三种方法介绍
MG_ZXC的专栏
03-26 2万+
Android开发中经常会用到圆形图片，比如在用户头像设置，现在提供三种主要实现方式： 方案一：使用第三方图像框架 Fresco 1、添加依赖 dependencies { compile 'com.facebook.fresco:fresco:0.14.1' } 2、初始化 public class MyApplication extends Applicati...
SmartRefreshLayout基本使用(下拉刷新、上拉加载)
热门推荐
qq_19688207的博客
04-13 2万+
SmartRefreshLayout 的 github地址:https://github.com/scwang90/SmartRefreshLayout 介绍 一个智能下拉刷新、上拉加载框架, 扩展性强. 先上效果图 1. 导入依赖 app下的build.gradle加入 // 下拉刷新，上拉加载 implementation 'com.scwang.smartrefresh:SmartRefreshLayout:1.1.3' // 没有使用特殊Header,..
import android.support.annotation.NonNull或StyleRes；报错
weixin_64709717的博客
12-04 1039
NonNull或StyleRes;报错
下拉刷新_上拉加载更多_TableView
06-28
使用方法：直接在要用到相应TableView的页面，把UITableView换成例子中的HXLRefreshTableView，分别设置下拉刷新 和 上拉加载更多 view的可用性，并实现相应代理即可。 具体例子，请参照HXLRootVC类。 如有疑问，...
Android笔记之:App列表之下拉刷新的使用
01-20
在本篇笔记中，我们将探讨如何在ListView中实现下拉刷新功能，这是许多应用程序，如微博和资讯类应用，常用的一种交互设计。 下拉刷新的基本流程包括以下几个步骤： 1. **下拉显示头部**：当用户开始下拉ListView...
iscroll.js手机触屏滑动上拉加载和下拉刷新代码.zip
最新发布
09-27
《iscroll.js手机触屏滑动上拉加载与下拉刷新技术详解》 在移动互联网时代，优化用户体验是开发者必须面对的重要课题。iscroll.js是一个轻量级的JavaScript库，专为解决移动设备上的滚动问题而设计，尤其适用于...
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
01-19
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载 以前对于JavaScript总是在用到的时候在页面上写几个函数，基本没考虑到函数的封装与重用，最近有个项目可能对于这方面要求有点高，所以就研究了下类似...
Android Glide加载并显示圆角图片
u014714188的博客
11-28 3077
我们都知道手机加载图片是一个耗时又耗内存的事情，但因为效果我们又不得不加载各种各样的图片。但自己写的图片加载与缓存不仅代码繁琐，还会因为考虑不全造成各种各样未知的bug，所以越来越多的人利用第三方的框架来加载图片，而Glide在这方面可谓说独占鳌头。 选择Glide理由： 1.集成简单，一行代码依赖完成 2.使用简单，一行代码调用完成 3.能加载各种类型的图片，不管是静态图还是gif图 4.优秀的...
android设置图片为圆角
一名屌丝程序员的秘密花园
05-10 742
大家好,这一节给大家分享的是Android中几种图像特效处理的小技巧,比如圆角,倒影,还有就是图片缩放,Drawable转化为Bitmap,Bitmap转化为Drawable等等. 废话少说了,直接讲解今天的实例,本例主要是先获取壁纸(getWallpaper()),然后对当前壁纸的一些特效处理.大家按步骤一步一步来: 第一步:新建一个Android工程命名为ImageDemo,工程结
Android Glide自定义圆角处理
要让世界看得见
04-11 4536
平时我们开发中会遇到UI出的带圆角的图片，平时做的图片缓存加载框架基本都是 Glide，那么我们就在Glide上来说一说实现方法。 Glide是谷歌为我们推荐的一个图片加载库。为什么要选择使用Glide呢？ 1、代码有人维护，不至于出现问题，项目组都搞不定的时候问题无法解决。（ImageLoader已没人维护了） 2、代码简洁，可读性很好。（Fresc...
Android 6种加载网络图片的第三方详解
冯旭的博客
07-09 8568
一. Glide加载 Glide.with(this).load("http://p0.qhimg.com/t015f3654b694ad2f8a.jpg").into(imageView); 效果图 compile files('libs/glide-3.7.0.jar') 二. Picasso Picasso.with(getApplicationConte...
Android 加载网络图片并做缓存
陈柱的博客
08-25 2906
Android volley 图片缓存加载图片
Android实现图片圆角显示的几种方式
AfinalStone的专栏
04-20 1万+
在实际开发中我们经常会对图片进行圆角处理，这里做一个小总结，文章结尾还有一个不到100行实现的，支持圆形，圆角和TransitionDrawable的ImageView。 图片的圆角显示，从实现方法上讲分为两种做法： 在图片上做在控件上做 从代码上讲，均使用 Android Graphics API： XfermodesRegionsCanvas.drawRoundRectCa
Android 安卓Glide加载圆角
两行代码 踏踏实实de工作
10-24 3287
写好了一个工具类 要在自己项目中build.gradle加入以下内容（导入Glide） implementation('com.github.bumptech.glide:glide:4.7.1') { exclude group: "com.android.support" } 可以自己设置圆角度数，也可以自动设置，如第5行，我写了20 public class Glide...
Android Studio配置config.gradle统一管理项目版本号和引用等配置
骑着金刚的猿的博客
04-04 1671
在工程的根目录下新建一个 config.gradle文件 接下来我们把编译工具的版本，SDK的版本和项目所需要的依赖等写在这个创建的文件中； 隐私信息都用xxx替换了 /** * 统一处理依赖问题 */ ext { android = [ compileSdkVersion: 28, minSdkVersion : 17, ...
Android获取网络图片之后改圆形或者圆角
weixin_44285793的博客
01-05 336
这里是圆角度数自拟。 这里是圆形。 要记得在写图片控件的时候一定要设置属性值，加上宽高给固定的值，如果设置包裹内容就会发生图片消失或者图片没有变化。 ...
Android 三种方式实现圆形ImageView
if(...){...}
01-29 1739
Android 三种方式实现圆形ImageView
安卓网络编程实战：URL图片加载与处理
在安卓第八天的网络编程笔记中，主要讨论了如何实现一个基本的网络图片查看器功能。首先，开发人员需要确保获取到用户输入的URL地址，并进行非空检查，因为这是访问网络资源的基础。通过`newURL(path)`创建一个URL...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

a碟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值