IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Android线条等待动画JMWorkProgress(可添加依赖直接使用) -> 正文阅读

[移动开发]Android线条等待动画JMWorkProgress(可添加依赖直接使用)

系列文章目录

Android线条等待动画JMWorkProgress(可添加依赖直接使用)



前言

有小伙伴建议计蒙将代码添加到github,增加文章的可读性。于是计蒙今天创建了自己的第一个依赖库。


一、使用(添加依赖)

maven { url ‘https://jitpack.io’ }

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

implementation ‘com.github.Yufseven:JMWorkProgress:v1.0’

dependencies {
    ...
    implementation 'com.github.Yufseven:JMWorkProgress:v1.0'
}

二、常见使用步骤

XML中调用

1.在不加其他属性的样式下

<com.shenzhen.jimeng.jm.JMWorkProgress
    android:layout_width="200dp"
    android:layout_height="200dp"
    />

效果图:
请添加图片描述

2.改变线条的颜色

  • oval_big_color:最外层的线条(最大的)
  • oval_second_color:第二层
  • oval_thirdly_color:第三层
  • oval_min_color:第四层

为了效果都改为一个颜色

<com.shenzhen.jimeng.jm.JMWorkProgress
    android:layout_width="200dp"
    android:layout_height="200dp"
    app:oval_big_color="@color/colorAccent"
    app:oval_second_color="@color/colorPrimary"
    app:oval_thirdly_color="@color/colorPrimary"
    app:oval_min_color="@color/colorAccent"
    />

效果图:
请添加图片描述

3.改变线条宽度

关键调用:app:ovalStrokeWidth

<com.shenzhen.jimeng.jm.JMWorkProgress
    android:layout_width="200dp"
    android:layout_height="200dp"
    app:oval_big_color="@color/colorAccent"
    app:oval_second_color="@color/colorPrimary"
    app:oval_thirdly_color="@color/colorPrimary"
    app:oval_min_color="@color/colorAccent"
    app:ovalStrokeWidth="20"
    />

效果图:
请添加图片描述

4.添加文字

  • app:text :添加的文字
  • app:textSize:文字大小(没有单位,数字即可)
  • app:textStyle:文字的样式(三个选择,分别为STROKE,FILL,FILL_AND_STROKE)

注意:字体颜色与左边对应线条颜色一致

<com.shenzhen.jimeng.jm.JMWorkProgress
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_centerInParent="true"
    app:oval_big_color="@color/colorAccent"
    app:oval_second_color="@color/colorPrimary"
    app:oval_thirdly_color="@color/colorPrimary"
    app:oval_min_color="@color/colorAccent"
    app:text="加载中"
    app:textSize="40"
    app:textStyle="FILL"
    />

!!!文字长度得在1-7的范围内
效果图:
请添加图片描述

XML可调用属性如以下表格

属性作用
oval_big_color设置最外层线条颜色
oval_second_color设置第二层线条颜色
oval_thirdly_color设置第三层线条颜色
oval_min_color设置最内层线条颜色
ovalStrokeWidth设置线条宽度
text设置文字内容,文字长度得在1-7的范围内 ,控件内已设计文字位置排放
textStyle设置文字样式
ovalStyle设置线条样式
textSize设置字体大小
ovalStrokeWidth设置线条宽度

Java中调用方法

主要方法作用
getmBigColor得到最外层线条颜色
setmBigColor设置最外层线条颜色
getmSecondColor得到第二层线条颜色
setmSecondColor设置第二层线条颜色
getmThirdlyColor得到第三层线条颜色
setmThirdlyColor设置第三层线条颜色
getmMinColor得到最内层线条颜色
setmMinColor设置最内层线条颜色
ovalStrokeWidth设置线条宽度
getmText得到文字内容
setmText设置文字,文字长度得在1-7的范围内 ,控件内已设计文字位置排放
setmTextStyle设置文字样式
setmOvalStyle设置线条样式
setmTextSize设置字体大小
setmOvalStrokeWidth设置线条宽度
setTextIsShow设置文字是否显示
animationIsShow设置动画是否显示

三、项目地址(留下小星星(* ̄︶ ̄))

点击跳转github

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-09-29 10:24:09  更:2021-09-29 10:25:09 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 20:29:16-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码