进度条显示

最新推荐文章于 2021-10-15 20:42:57 发布
最新推荐文章于 2021-10-15 20:42:57 发布
阅读量588 收藏
点赞数 1
分类专栏： Android自定义View
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ivenes/article/details/71124985
版权

最近的项目需求中涉及到了显示进度的图示，因此就简单实现了一下，拿出来献丑了~~ ~~
方法实现很简单，主要是使用了FrameLayout的特殊性来实现的叠加显示的~有次需求的同学们可以参考一下呦3~~ ~~

成功的：

成功~

失败的：

失败

进行中的：

进行中


public class ProgressStatusLayout extends FrameLayout {

private Context context;

private TextView tv_line_left, tv_line_right;//进度线


private ImageView iv_icon_left, iv_icon_middle, iv_icon_right;//3个图标

private TextView title_left, title_middle, title_right;//底部文本
private TextView title_left_bottom, title_middle_bottom, title_right_bottom;//底部Date
private TextView title_left_bottom_time, title_middle_bottom_time, title_right_bottom_time;//底部Time
private int progress_color;//进度颜色
private static final String DEFAULT_GRAY_COLOR = "#999999";

public ProgressStatusLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
    this.context = context;
    initView(attrs);
}

public ProgressStatusLayout(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    this.context = context;
    initView(attrs);
}

/**
 * 初始化
 *
 * @param attrs
 */
private void initView(AttributeSet attrs) {
    TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.progressStatus);
    //三个图标
    int iconLeft = typedArray.getResourceId(R.styleable.progressStatus_ivLeft, -1);
    int iconMiddle = typedArray.getResourceId(R.styleable.progressStatus_ivMiddle, -1);
    int iconRight = typedArray.getResourceId(R.styleable.progressStatus_ivRight, -1);
    //三个图标背景色----
    int iconLeftBg = typedArray.getResourceId(R.styleable.progressStatus_ivLeft_bg, -1);
    int iconMiddleBg = typedArray.getResourceId(R.styleable.progressStatus_ivMiddle_bg, -1);
    int iconRightBg = typedArray.getResourceId(R.styleable.progressStatus_ivRight_bg, -1);

    //底部上边文本
    String text_left = typedArray.getString(R.styleable.progressStatus_text_left);
    String text_mid = typedArray.getString(R.styleable.progressStatus_text_middle);
    String text_right = typedArray.getString(R.styleable.progressStatus_text_right);
    //底部下部文本
    String text_left_bottom = typedArray.getString(R.styleable.progressStatus_text_left_bottom);
    String text_mid_bottom = typedArray.getString(R.styleable.progressStatus_text_middle_bottom);
    String text_right_bottom = typedArray.getString(R.styleable.progressStatus_text_right_bottom);        // 进度值 1 2 3
    int schedule = typedArray.getInteger(R.styleable.progressStatus_progress_schedule, 0);
    //进度颜色值
    progress_color = typedArray.getColor(R.styleable.progressStatus_progress_color, Color.parseColor(DEFAULT_GRAY_COLOR));
    typedArray.recycle();
    //加载布局
    View view = LayoutInflater.from(context).inflate(R.layout.view_progressstatus_layout, null, false);
    this.addView(view);
    //进度条
    tv_line_left = (TextView) view.findViewById(R.id.tv_line_left);
    tv_line_right = (TextView) view.findViewById(R.id.tv_line_right);
    //图标
    iv_icon_left = (ImageView) view.findViewById(R.id.iv_icon_left);
    iv_icon_middle = (ImageView) view.findViewById(R.id.iv_icon_middle);
    iv_icon_right = (ImageView) view.findViewById(R.id.iv_icon_right);
    //底部文案
    title_left = (TextView) view.findViewById(R.id.title_left);
    title_middle = (TextView) view.findViewById(R.id.title_middle);
    title_right = (TextView) view.findViewById(R.id.title_right);
    //底部文案-下
    title_left_bottom = (TextView) view.findViewById(R.id.title_left_bottom);
    title_middle_bottom = (TextView) view.findViewById(R.id.title_middle_bottom);
    title_right_bottom = (TextView) view.findViewById(R.id.title_right_bottom);
    //时间
    title_left_bottom_time = (TextView) view.findViewById(R.id.title_left_bottom_time);
    title_middle_bottom_time = (TextView) view.findViewById(R.id.title_middle_bottom_time);
    title_right_bottom_time = (TextView) view.findViewById(R.id.title_right_bottom_time);

    /**………………………………………………………………………………………………………………………………………………**/
    setIcon(iconLeft, iconMiddle, iconRight);
    setIconBackground(iconLeftBg, iconMiddleBg, iconRightBg);//设置背景色
    //进度线的颜色
    setSchedule(schedule);
    setText(text_left, text_mid, text_right);
    setTextBottomDate(text_left_bottom, text_mid_bottom, text_right_bottom);
}

/**
 * 设置图片和进度状态
 *
 * @param ivIcon_left  左侧图片id
 * @param ivIcon_mid   中间图片id
 * @param ivIcon_right 右侧图片id
 */
public ProgressStatusLayout setIcon(int ivIcon_left, int ivIcon_mid, int ivIcon_right) {
    if (ivIcon_left != -1) {
        iv_icon_left.setVisibility(View.VISIBLE);
        iv_icon_left.setImageResource(ivIcon_left);
    } else {
        iv_icon_left.setVisibility(View.INVISIBLE);
    }
    if (ivIcon_mid != -1) {
        iv_icon_middle.setVisibility(View.VISIBLE);
        iv_icon_middle.setImageResource(ivIcon_mid);
    } else {
        iv_icon_middle.setVisibility(View.INVISIBLE);
    }
    if (ivIcon_left != -1) {
        iv_icon_right.setVisibility(View.VISIBLE);
        iv_icon_right.setImageResource(ivIcon_right);
    } else {
        iv_icon_right.setVisibility(View.INVISIBLE);
    }
    return this;
}

/**
 * 不设置图片，设置背景色值
 *
 * @param ivIcon_left_bg
 * @param ivIcon_left_bg
 * @param ivIcon_left_bg
 * @return
 */
public ProgressStatusLayout setIconBackground(int ivIcon_left_bg, int ivIcon_mid_bg, int ivIcon_right_bg) {
    if (ivIcon_left_bg != -1) {
        iv_icon_left.setVisibility(View.VISIBLE);
        iv_icon_left.setBackgroundResource(ivIcon_left_bg);
    } else {
        iv_icon_left.setVisibility(View.INVISIBLE);
    }
    if (ivIcon_mid_bg != -1) {
        iv_icon_middle.setVisibility(View.VISIBLE);
        iv_icon_middle.setBackgroundResource(ivIcon_mid_bg);
    } else {
        iv_icon_middle.setVisibility(View.INVISIBLE);
    }
    if (ivIcon_right_bg != -1) {
        iv_icon_right.setVisibility(View.VISIBLE);
        iv_icon_right.setBackgroundResource(ivIcon_right_bg);
    } else {
        iv_icon_right.setVisibility(View.INVISIBLE);
    }
    return this;
}

/**
 * 设置进度值
 *
 * @param schedule 0全部灰色 1第一条变色 2第二条变色
 */
public void setSchedule(int schedule) {
    if (schedule == 1) {
        tv_line_left.setBackgroundColor(progress_color);
        tv_line_right.setBackgroundColor(Color.parseColor(DEFAULT_GRAY_COLOR));
    } else if (schedule == 2) {
        tv_line_left.setBackgroundColor(progress_color);
        tv_line_right.setBackgroundColor(progress_color);
    } else if (schedule == 0) {
        tv_line_left.setBackgroundColor(Color.parseColor(DEFAULT_GRAY_COLOR));
        tv_line_right.setBackgroundColor(Color.parseColor(DEFAULT_GRAY_COLOR));
    }
}

/**
 * 设置底部文案
 *
 * @param text_left  左侧描述
 * @param text_mid   中间描述
 * @param text_right 右侧描述
 */
public ProgressStatusLayout setText(String text_left, String text_mid, String text_right) {
    title_left.setText(TextUtils.isEmpty(text_left) ? "" : text_left);
    title_middle.setText(TextUtils.isEmpty(text_mid) ? "" : text_mid);
    title_right.setText(TextUtils.isEmpty(text_right) ? "" : text_right);
    return this;
}

/**
 * 设置底部文案---日期
 *
 * @param text_left_bottom  left
 * @param text_mid_bottom   middle
 * @param text_right_bottom right
 * @return
 */
public ProgressStatusLayout setTextBottomDate(String text_left_bottom, String text_mid_bottom, String text_right_bottom) {
    title_left_bottom.setText(TextUtils.isEmpty(text_left_bottom) ? "" : text_left_bottom);
    title_middle_bottom.setText(TextUtils.isEmpty(text_mid_bottom) ? "" : text_mid_bottom);
    title_right_bottom.setText(TextUtils.isEmpty(text_right_bottom) ? "" : text_right_bottom);
    return this;
}

/**
 * 设置底部文案---时间
 */
public ProgressStatusLayout setTextBottomTime(String text_left_bottom, String text_mid_bottom, String text_right_bottom) {
    title_left_bottom_time.setText(TextUtils.isEmpty(text_left_bottom) ? "" : text_left_bottom);
    title_middle_bottom_time.setText(TextUtils.isEmpty(text_mid_bottom) ? "" : text_mid_bottom);
    title_right_bottom_time.setText(TextUtils.isEmpty(text_right_bottom) ? "" : text_right_bottom);
    return this;
}

/**
 * 设置底部文案字体颜色
 */
public ProgressStatusLayout setTextColor(int text_leftColor, int text_middleColor, int text_rightColor) {
    title_left.setTextColor(getResources().getColor(text_leftColor));
    title_middle.setTextColor(getResources().getColor(text_middleColor));
    title_right.setTextColor(getResources().getColor(text_rightColor));
    return this;
}

/**
 * 设置底部文案字体颜色
 */
public ProgressStatusLayout setTextColorBottom(int text_leftColor, int text_middleColor, int text_rightColor) {
    title_left_bottom.setTextColor(getResources().getColor(text_leftColor));
    title_middle_bottom.setTextColor(getResources().getColor(text_middleColor));
    title_right_bottom.setTextColor(getResources().getColor(text_rightColor));
    return this;
}

}

Activity中设置即可：

private void setProfressStyle() {
    if (with_draw_status == 0) {//成功
        profit_progress_status.setText("提现", "进行中", "成功");
        profit_progress_status.setTextBottomDate("2011-11-11", "", "2011-11-11");
        profit_progress_status.setTextBottomTime("11:11", "", "11:11");
        profit_progress_status.setTextColor(R.color.title_bar_bg, R.color.title_bar_bg, R.color.title_bar_bg);
        profit_progress_status.setIconBackground(R.drawable.shape_circle_red, R.drawable.shape_circle_red, R.drawable.shape_circle_red);
        profit_progress_status.setSchedule(2);
    }
    if (with_draw_status == 1) {//失败
        profit_progress_status.setText("提现", "进行中", "失败");
        profit_progress_status.setTextBottomDate("2011-11-11", "", "2011-11-11");
        profit_progress_status.setTextBottomTime("11:11", "", "11:11");
        profit_progress_status.setTextColor(R.color.color_999999, R.color.color_999999, R.color.color_999999);
        profit_progress_status.setIconBackground(R.drawable.shape_circle_gray, R.drawable.shape_circle_gray, R.drawable.shape_circle_gray);
        profit_progress_status.setSchedule(0);
    }
    if (with_draw_status == 2) {//进行中
        profit_progress_status.setText("提现", "进行中", "成功");
        profit_progress_status.setTextBottomDate("2011-11-11", "", "");
        profit_progress_status.setTextBottomTime("11:11", "", "");
        profit_progress_status.setTextColor(R.color.title_bar_bg, R.color.title_bar_bg, R.color.color_999999);
        profit_progress_status.setIconBackground(R.drawable.shape_circle_red, R.drawable.shape_circle_red, R.drawable.shape_circle_gray);
        profit_progress_status.setSchedule(1);
    }
}
yanftch
关注
专栏目录
显示在标题上的进度条
12-30 557
效果演示 代码.java package com.example.titleprogressbar; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.view.View.OnClickListe
进度条
qq_41832319的博客
05-23 229
<ProgressBar android:id="@+id/progressbar" style="@android:style/Widget.ProgressBar.Horizontal" android:layout_centerInParent="true" android:layout_width="match_parent" android:...
Python进度条显示（教程）
如有侵权，请联系作者删除
05-27 1157
【代码】Python进度条显示（教程）
进度显示
zzfr_llex的博客
04-30 151
1、效果图 2、主页 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>进度</title> <link rel="stylesheet" href="css/jindu.css"> </head> <...
显示异步进度条
11-30
（1）可自定义进度条形式。 （2）运用委托支持异步加载.
在控制台下显示进度
博客搬往 http://begtostudy.cnblogs.com
02-13 1200
 以前在窗口程序里显示进度，都是采用发消息的方式。这个在我的一篇文章中写过。但是，后来有一次需要在控制台程序里显示进度，因为是第一次，还真要找找，后来还是有了一些办法。最为常用的就是常说的回车但不换行喽，如下char cr=(char)13;//回车但不换行coutfor (int i=1;i{Sleep(100);cout}cout使用MFC还可以使用一些控制台常用的API，
TFTLCD触摸屏实验--ProgressBar进度条显示.zip
最新发布
01-16
本实验“TFTLCD触摸屏实验--ProgressBar进度条显示”聚焦于如何在51单片机上利用TFT液晶显示屏实现进度条的动态显示，这对于创建用户友好、互动性强的嵌入式设备界面至关重要。 TFT（Thin Film Transistor）液晶...
6，TFTLCD触摸屏实验--ProgressBar进度条显示.rar
03-13
在提供的压缩包中，"6，TFTLCD触摸屏实验--ProgressBar进度条显示"可能包含了示例代码、设计文档或者相关的硬件连接图，这些资源可以帮助开发者理解如何在实际项目中实现这一功能。通过研究这些资料，开发者可以学习...
C# 进度条显示处理进度
05-31
通过以上方法，你可以创建一个清晰、高效且易于理解的进度条显示系统，用于跟踪线程处理任务的进度。无论是使用基本的线程同步技术还是`BackgroundWorker`，关键在于正确地在多线程环境中管理和更新共享数据。在实际...
Delphi多线程文件传输含进度条显示
05-16
内容索引:Delphi源码,系统相关,多线程,文件传输　Delphi多线程文件传输，并带有进度条适时显示功能，之前在网上见有不少朋友在寻找类似代码，所以帮助大家从我已有的程序中分享出一个，并重新编码，形成一个完整的...
瞬间高逼格！这 6 种 Python 进度条真的绝了！
Python学习与数据挖掘
10-15 3230
嗨！朋友，我是沐沐欢迎你来到学习python的宝藏基地~~长按下方二维码可以添加我为好友哦相信大家对进度条一定不陌生了，比如在我们安装python库的时候可以看到下载的进度，此外在下载文件时也可以看到类似的进度条，比如下图这种：应用场景：下载文件、任务计时等今天辰哥就给大家分享Python的6种不同的实现实时显示处理进度的方式，文中每一种方式都附带一个案例，并提供官方文档，供大家学习，自定义去修改。第1种：普通进度条利用打印功能print进行实时刷新显示for i in ran
根据中间图示内容，实现环形进度条功能
qq_44480414的博客
02-23 126
根据中间图示内容，实现环形进度条功能，废话不多说，来看代码吧 以下是代码 <template> <el-card class="card-container-1"> <div class="circle"> <div class="icon icon-1"> <span>居置</span> <div></div> </div> <.
libcurl+ncurses 分段range批量下载和进度条显示源码实例
雪峰流云
09-13 2665
这个例子来自参考文献[1], 那里有很多小bug，
Linux_linux常用工具------进度条程序
LXY的博客
04-07 178
缓冲区对文件读写的影响：数据并没有直接写入文件，而是写入到缓冲区（内存）中，等到缓冲区中数据写满或者刷新缓冲区的时候，才会将数据真正的写入文件 fflush（stdout）刷新。 回车与换行： 换行:输出位置移动到下一行 回车：输出位置移动到起始位置** ...
进度条的一点点东西
weixin_33816946的博客
04-26 99
为什么80%的码农都做不了架构师？>>> ...
cp显示进度条
weixin_33860147的博客
06-08 3514
cp显示进度条   1 cat ~/.bash_profile | tail -n 1 2 3 alias cp='rsync -av --progress'  
Picasso加载圆角图片
yanftch的博客
12-04 4170
项目需求，需要根据后台地址将获得的图片地址中的图片以带圆角形式展示，所以研究了一下Picasso的圆角图片加载的实现方式，特处理如下：本文不解释Picasso的加载原理以及实现方式，希望童鞋们能够通过代码实现自己的后期需求~详细看代码注释即可，技术有限，欢迎指正~ 直接调用方法：Picasso.with(context).load(url).transform(new RoundTransform
mfc进度条显示百分比
05-13
// 更新进度条显示 m_progressCtrl->SetPos(percent); ``` 其中，current 表示当前的进度值，total 表示总进度值。 通过这些代码，您可以在 MFC 应用程序中显示一个简单的进度条，并在进度更新时显示百分比。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值