Android自定义View实现loading动画加载效果

发布时间 - 2026-01-11 00:02:56    点击率:

 项目开发中对Loading的处理是比较常见的,安卓系统提供的不太美观,引入第三发又太麻烦,这时候自己定义View来实现这个效果,并且进行封装抽取给项目提供统一的loading样式是最好的解决方式了。

先自定义一个View,继承自LinearLayout,在Layout中,添加布局控件

/** 
 * Created by xiedong on 2017/3/7. 
 */ 
public class Loading_view extends LinearLayout { 
  private Context mContext; 
  private RelativeLayout loading_content; 
  private ImageView img; 
  private TextView loadingText; 
  private AnimationDrawable animationDrawable; 
  public Loading_view(Context context) { 
    super(context); 
    mContext = context; 
    setupView(); 
  } 
  public Loading_view(Context context, AttributeSet attrs) { 
    super(context, attrs); 
    mContext = context; 
    setupView(); 
  } 
  public Loading_view(Context context, AttributeSet attrs, int defStyleAttr) { 
    super(context, attrs, defStyleAttr); 
    mContext = context; 
    setupView(); 
  } 
  private void setupView() { 
//  View view= LayoutInflater.from(mContext).inflate(R.layout.loading_view_layout,this);   //一定要把布局添加进容器,不能为null 
    View.inflate(mContext, R.layout.loading_view_layout, this); 
    loading_content = (RelativeLayout) findViewById(R.id.loading_content); 
    img = (ImageView) findViewById(R.id.img); 
    loadingText = (TextView) findViewById(R.id.text); 
    img.setImageResource(R.drawable.anim_loading); 
    animationDrawable = ((AnimationDrawable) img.getDrawable()); 
    animationDrawable.start(); 
  } 
  public void setMessage(String msg) { 
    loadingText.setText(msg); 
  } 
} 

自定义View的布局文件:

<?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="#90000000" 
  android:gravity="center"> 
  <RelativeLayout 
    android:id="@+id/loading_content" 
    android:layout_width="150dp" 
    android:layout_height="120dp" 
    android:background="#40ffffff"> 
    <ImageView 
      android:id="@+id/img" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerInParent="true" 
      android:background="@mipmap/ic_launcher" /> 
    <TextView 
      android:id="@+id/text" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/img" 
      android:layout_centerHorizontal="true" 
      android:text="加载中..." 
      /> 
  </RelativeLayout> 
</LinearLayout> 

这里使用AnimationDrawable的方式来实现动画效果,AnimationDrawable的list文件如下:

<animation-list xmlns:android="http://schemas.android.com/apk/res/android" 
  android:oneshot="false"> 
  <item 
    android:drawable="@drawable/loading1" 
    android:duration="100" /> 
  <item 
    android:drawable="@drawable/loading2" 
    android:duration="100" /> 
  <item 
    android:drawable="@drawable/loading3" 
    android:duration="100" /> 
  <item 
    android:drawable="@drawable/loading10" 
    android:duration="100" /> 
</animation-list> 

自定义View部分的工作完成之后,接下来就是如何在项目中具体运用。在相应的布局中使用的时候,一定要记得把此布局文件add进ViewGroup中,因为该自定义的View跟调用他的View是独立的两个View,没有完成add的话,loading布局可能不会显示出来。

private Loading_view loading_view; 
 loading_view = new Loading_view(this); //实例化自定义VIew 
 loading_view.setMessage("loading文字提示内容...."); 
 //添加当前自定义View进主布局文件 
 addContentView(loading_view, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)); 

以上所述是小编给大家介绍的Android自定义View实现loading动画加载效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


# android  # 自定义view  # loading动画加载  # Android 自定义View的使用介绍  # Android自定义View实现搜索框(SearchView)功能  # Android开发使用自定义View将圆角矩形绘制在Canvas上的方法  # Android自定义View设定到FrameLayout布局中实现多组件显示的方法 分享  # Android自定义View实现广告信息上下滚动效果  # Android自定义View实现绘制虚线的方法详解  # Android自定义View之自定义评价打分控件RatingBar实现自定义星星大小和间距  # Android自定义View实现渐变色进度条  # Android 使用Kotlin自定义View的方法教程  # Android 自定义view中根据状态修改drawable图片  # 自定义  # 来实现  # 小编  # 在此  # 不太  # 给大家  # 能为  # 中对  # 所述  # 给我留言  # 感谢大家  # 为该  # 一定要把  # 疑问请  # 有任何  # 这时候  # 加载  # 加载中  # 如何在  # 是最好的 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何快速选择适合个人网站的云服务器配置?  如何挑选高效建站主机与优质域名?  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异?  无锡营销型网站制作公司,无锡网选车牌流程?  如何安全更换建站之星模板并保留数据?  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  ,南京靠谱的征婚网站?  Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】  齐河建站公司:营销型网站建设与SEO优化双核驱动策略  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做?  Laravel如何自定义分页视图?(Pagination示例)  高防服务器如何保障网站安全无虞?  Laravel怎么写单元测试_PHPUnit在Laravel项目中的基础测试入门  Laravel如何使用缓存系统提升性能_Laravel缓存驱动和应用优化方案  Win11怎么修改DNS服务器 Win11设置DNS加速网络【指南】  Laravel如何升级到最新版本?(升级指南和步骤)  Android中Textview和图片同行显示(文字超出用省略号,图片自动靠右边)  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  Laravel怎么做数据加密_Laravel内置Crypt门面的加密与解密功能  Laravel Eloquent关联是什么_Laravel模型一对一与一对多关系精讲  Laravel的辅助函数有哪些_Laravel常用Helpers函数提高开发效率  Laravel如何自定义错误页面(404, 500)?(代码示例)  Android利用动画实现背景逐渐变暗  Laravel如何处理表单验证?(Requests代码示例)  高性能网站服务器配置指南:安全稳定与高效建站核心方案  如何在阿里云服务器自主搭建网站?  javascript中的try catch异常捕获机制用法分析  悟空识字怎么关闭自动续费_悟空识字取消会员自动扣费步骤  Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】  Laravel的HTTP客户端怎么用_Laravel HTTP Client发起API请求教程  如何在局域网内绑定自建网站域名?  如何用低价快速搭建高质量网站?  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  Win11摄像头无法使用怎么办_Win11相机隐私权限开启教程【详解】  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  Laravel如何实现密码重置功能_Laravel密码找回与重置流程  如何在宝塔面板中修改默认建站目录?  晋江文学城电脑版官网 晋江文学城网页版直接进入  nodejs redis 发布订阅机制封装实现方法及实例代码  html5怎么画眼睛_HT5用Canvas或SVG画眼球瞳孔加JS控制动态【绘制】  Laravel怎么进行数据库事务处理_Laravel DB Facade事务操作确保数据一致性  laravel怎么配置和使用PHP-FPM来优化性能_laravel PHP-FPM配置与性能优化方法  佛山企业网站制作公司有哪些,沟通100网上服务官网?  Laravel如何使用Facades(门面)及其工作原理_Laravel门面模式与底层机制  Laravel项目怎么部署到Linux_Laravel Nginx配置详解  Win11怎样安装网易有道词典_Win11安装词典教程【步骤】  Laravel如何配置任务调度?(Cron Job示例)  如何在阿里云通过域名搭建网站?  如何彻底卸载建站之星软件?