{"id":17688226,"url":"https://github.com/ccapton/android-colorfulprogressbar","last_synced_at":"2025-05-13T00:47:07.168Z","repository":{"id":176302361,"uuid":"100027261","full_name":"Ccapton/Android-ColorfulProgressBar","owner":"Ccapton","description":"Android 自定义彩色ProgressBar,类似Bootstrap","archived":false,"fork":false,"pushed_at":"2018-08-18T06:14:19.000Z","size":2768,"stargazers_count":23,"open_issues_count":1,"forks_count":8,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-13T00:47:02.272Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ccapton.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-08-11T12:02:01.000Z","updated_at":"2024-12-17T12:18:32.000Z","dependencies_parsed_at":"2023-06-29T21:31:54.003Z","dependency_job_id":null,"html_url":"https://github.com/Ccapton/Android-ColorfulProgressBar","commit_stats":null,"previous_names":["ccapton/android-colorfulprogressbar"],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ccapton%2FAndroid-ColorfulProgressBar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ccapton%2FAndroid-ColorfulProgressBar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ccapton%2FAndroid-ColorfulProgressBar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ccapton%2FAndroid-ColorfulProgressBar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ccapton","download_url":"https://codeload.github.com/Ccapton/Android-ColorfulProgressBar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253850874,"owners_count":21973671,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-24T11:43:52.012Z","updated_at":"2025-05-13T00:47:07.093Z","avatar_url":"https://github.com/Ccapton.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Android-ColorfulProgressBar\n\n\u003e 关于我，欢迎关注  \n\u003e csdn博客：ccapton(http://blog.csdn.net/ccapton) \n\u003e  个人博客：http://ccapton.cn\n  \n### 简介: \n\n这是一个自定义的Progressbar，效果看着还行吧，滚动的双色斜条作为进度条，有点类似Bootstrap风格。原生Progress的基本操作都有，自行观摩我的源码吧，挺简单的。\n\n### 示例:  \n\n![](https://raw.githubusercontent.com/Ccapton/Android-ColofulProgressBar/master/ColorfulProgressBarDemo_1_0_3.gif)\n\n### 演示Demo\n\n当前是修改了视图的版本，如下图所示，第二进度条似乎更加立体了，它像是被镶嵌在了主控件中\n\n![](https://raw.githubusercontent.com/Ccapton/Android-ColofulProgressBar/master/afterEdition.png)\n\ndemo下载：\nhttps://github.com/Ccapton/Android-ColorfulProgressBar/blob/master/ColorfulProgressBarDemo_1_0_3.apk\n\n### 特性 \n与原生Progress相比，感觉更漂亮一点，可以显示进度值，背景凹凸感明显，进度条效果更加立体。\n\n### 原理说明\n额，挺简单的。不过感觉我的做法有点复杂了，我先自定义了一个View，专门作为进度条的显示图层,如下所示\n\n![](https://raw.githubusercontent.com/Ccapton/Android-ColorfulProgressBar/master/ColorfulView.jpg)\n\n然后将其布局在高度不超过20dp的ColorfulProgressBar父布局中，设置Y方向的偏移量，然后动画循环改变Y坐标，实现斜条滚动的动画效果，当你调用setProgress方法时，则改变其在父布局的X坐标实现进度显示的功能，进度文字同样原理添加到了父布局中。\n\n### 如何配置\nbuild.gradle(Project)\n``` code\nallprojects {\n\t\trepositories {\n\t\t\t...\n\t\t\tmaven { url 'https://jitpack.io' }\n\t\t}\n\t}\n```\nbuild.gradle(Module:app)\n``` code\n dependencies {\n\t         compile 'com.github.Ccapton:Android-ColorfulProgressBar:1.0.5'\n\t}\n```\n\n### 主要方法\n\n``` code\n setStyle(String style) // ColofulProgressBar.STYLE_NORMAL、 ColofulProgressBar.STYLE_COLORFUL两种风格\n setMaxProgress(long maxProgress)   // 设置进度最大值\n setProgress(long progress);           //设置当前进度\n setSecondProgress(long secondProgress);  //设置第二进度\n setAnimation(false);                  // 关闭动画\n showPercentText(false);                //隐藏进度文字\n setHeight(int height);               // 设置整个控件高度\n setWidth(int width);                // 设置整个控件宽度\n setProgressColorRes(int progressColorRes);  // 设置进度条颜色一\n setProgressColor2Res(int progressColor2Res)  // 设置进度条颜色二\n setPercentColorRes(int percentColorRes);       //设置进度文字的颜色\n setPercentShaderColorRes(int percentShadeColorRes);  //设置进度文字的阴影颜色\n setBackgroundColorRes(int backgroundColorRes)     //设置控件背景色\n  \n```\n### 使用方法\n\n例：在activity_main.xml中，\n``` xml\n这是普通效果的Progressbar\n\u003ccom.capton.colorfulprogressbar.ColorfulProgressbar\n        android:id=\"@+id/colorfulProgressbar\"\t\t\t\t\t    \n        xmlns:app=\"http://schemas.android.com/apk/res-auto\"\n        app:style=\"@string/style_normal\"\n        app:max=\"100\"\n        app:progress=\"50\"\n        app:secondProgress=\"10\"\n        app:progressColor1=\"@color/green\"\n        android:layout_marginTop=\"16dp\" \n        android:layout_width=\"match_parent\"\n        android:layout_height=\"wrap_content\"\n        \u003e\n这是双色的Progressbar\n\t\u003ccom.capton.colorfulprogressbar.ColorfulProgressbar\n        android:id=\"@+id/colorfulProgressbar2\"\t\t\t\t\t    \n        xmlns:app=\"http://schemas.android.com/apk/res-auto\"\n        app:style=\"@string/style_colorful\"\n        app:max=\"100\"\n        app:progress=\"50\"\n        app:secondProgress=\"10\"\n        app:progressColor1=\"@color/green\"\n\tapp:progressColor2=\"@color/orange\"\n        android:layout_marginTop=\"16dp\" \n        android:layout_width=\"match_parent\"\n        android:layout_height=\"wrap_content\"\n        \u003e\n```\n\n例：在MainActivity中\n``` code\n  ColorfulProgressbar progressbar;\n   @Override\n    protected void onCreate(Bundle savedInstanceState) {\n        super.onCreate(savedInstanceState);\n        setContentView(R.layout.activity_main);\n\t\n\tprogressbar= (ColorfulProgressbar) findViewById(R.id.colorfulProgressbar);\n\tprogressbar.setMaxProgress(100);\n        progressbar.setProgress(50);\n      //  progressbar.setSecondProgress(10);\n      // progressbar.setAnimation(false); 关闭动画\n      // progressbar.showPercentText(false); 隐藏进度文字\n      \n\t}\n```  \n### 作者的话\n  挺漂亮的ProgressBar，就是没啥技术含量。。。。具体需求大家自己随便研究琢磨\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fccapton%2Fandroid-colorfulprogressbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fccapton%2Fandroid-colorfulprogressbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fccapton%2Fandroid-colorfulprogressbar/lists"}