圆形图片 周边进度 Progress 音乐播放进度

本文介绍了一种在圆形图片周围动态显示进度的方法,通过修改CircleImageView实现,并提供了使用示例和更新进度条的代码。

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

如果图片不能显示 点击这里

圆形图片 周围进度条 类似于音乐播放器的进度

圆角显示图片 来自CircleImageView 在基础上修改 让其可以周边动态显示进度

 app:textBgColor 外围进度的原始背景颜色 
 app:textColor 外围进度条的颜色 
app:textSize="10dp" 宽度0时不显示

使用方法

<com.daemon.aroundcircleview.AroundCircleView
    android:id="@+id/acv_icon"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_centerInParent="true"
    android:layout_gravity="center"
    android:src="@mipmap/head"
    app:textColor="@color/colorAccent"
    app:textBgColor="#000000"
    app:textSize="10dp" />

### 直接使用acvIcon.setProgress(progress);即可更新

  • 更新进度条 利用Hanlder更新即可
    //更新进度条
    progress=50;
    acvIcon.setProgress(progress);

    new Thread(new Runnable() {
        @Override
        public void run() {
            while (falg) {
                if (progress > 100) {
                    progress = 0;
                }
                SystemClock.sleep(1000);
                progress += 5;
                weakHandler.sendEmptyMessage(1);
            }
        }
    }).start();
    @Overridepublic void onDestroy() {    
          super.onDestroy();    
          falg = false;
    }
    
    WeakHandler weakHandler = new WeakHandler(new Handler.Callback() {
    @Override
    public boolean handleMessage(Message msg) {
    
        if (msg.what == 1) {
            acvIcon.setProgress(progress);
        }
    
        return false;
    }
    

    });

效果如图

背景虚化也写过相关的blog
android 图片 高斯模糊 Blur Android Studio JNI NDK 生成 so 问题汇总

Paste_Image.png

GIF.gif

github地址

相关音乐项目
MVP模式 项目练习 Pas –新闻 音乐 图片 三个模块

音乐播放器 HTML5 audio video 移动播放器 通过 HTML5,音乐在网络上东山再起。添加音频文件就像插入图像那样简单,并且用户能在浏览器外播放音乐,从而实现惊人的音乐体验。 标签的推出使您不再需要外部音乐播放器,在网站上实现真正的声音融合。 随着 HTML5 的出现,发生了一些重大变化,特别是在音乐和音频方面。开发人员不再要求 web 冲浪者使用 Adobe Flash、Apple QuickTime 或 Microsoft Windows 媒体播放器等特殊的播放器。这意味着用户不必担心是否有最新的兼容插件(或任何播放器插件)。他们只需打开自己喜欢的浏览器并聆听能发出声音的任何内容,如音乐、有声读物、FX 声音效果或朋友和家人录制的消息。 最近在论坛中看到了很多实用html5开发视频播放,音乐播放的功能,大部分都在寻找答案。因此我就在这里做一个demo,供大家相互学习。html5开发越来越流行了,而对于视频这一块也是必不可少的一部分。如何让你的网站占据优势,就要看你的功能和用户体验了。html5对video还是做了很多优惠的东西,我们使用起来很得心应手。 在过去 flash 是网页上最好的解决视频的方法,截至到目前还算是主流,像那些优酷之类的视频网站、虾米那样的在线音乐网站,仍然使用 flash 来提供播放服务。但是这种状况将会随着 HTML5 的发展而改变。就视频而言,HTML5 新增了 video 来实现在线播放视频的功能。 使用 HTML5 的 video 可以很方便的使用 JavaScript 对视频内容进行控制等等,功能十分强大,同时代码比较少加快加载速度。此外跨平台性比较好,特别是一些平板、手机等。例如苹果公司的产品不支持 flash 仅支持 HTML5 中的 video 功能。 HTML5 的兼容性问题虽然目前是个硬伤,但这只是时间的问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值