首页 / ANDROID / android 自定义水平和圆形progressbar 只定义一些style就可以

android 自定义水平和圆形progressbar 只定义一些style就可以

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了android 自定义水平和圆形progressbar 只定义一些style就可以，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含8102字，纯文字阅读大概需要12分钟。

内容图文

android 自定义水平和圆形progressbar 只定义一些style就可以

效果图:

技术分享

修改progressbar 让他满足自己的需求一般来说只修改一下,progressbar的style就可以满足需求了:

activity代码:仅仅显示一个布局而已

package com.example.testcustomprogressbar;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	}
}

xml界面:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.testcustomprogressbar.MainActivity" >

    <ProgressBar
        android:id="@+id/my_customprogressbar1"
        style="@style/mycustom_progressbar1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

    <ProgressBar
        android:id="@+id/my_customprogressbar2"
        style="@style/mycustom_progressbar2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/my_customprogressbar1"
        android:layout_below="@+id/my_customprogressbar1"
        android:layout_marginTop="26dp" />

    <ProgressBar
        android:id="@+id/my_customprogressbar3"
        style="@style/mycustom_progressbar3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/my_customprogressbar2"
        android:layout_below="@+id/my_customprogressbar2"
        android:layout_marginTop="26dp" />
    
     <ProgressBar
        android:id="@+id/my_customprogressbar4"
        style="@style/mycustom_progressbar_hor"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/my_customprogressbar3"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="22dp"
        android:max="100"
        android:progress="40"
        android:secondaryProgress="60" />
    
    <ProgressBar
        android:id="@+id/my_customprogressbar5"
        style="@style/mycustom_progressbar_hor2"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/my_customprogressbar4"
        android:layout_below="@+id/my_customprogressbar4"
        android:layout_marginTop="26dp"
        android:max="100"
        android:progress="40"
        android:secondaryProgress="60" />

   

</RelativeLayout>

第一种圆形progressbar 仅仅让一个图片旋转起来:

style的代码:

 <style name="mycustom_progressbar1">
        <item name="android:indeterminateDrawable">@drawable/progressbar_ver_image</item>
        <item name="android:minHeight">30dp</item>
        <item name="android:minWidth">30dp</item>
        <item name="android:maxHeight">60dp</item>
        <item name="android:maxWidth">60dp</item>
    </style>

progressbar_ver_image的代码:

<?xml version="1.0" encoding="utf-8"?>
<!-- 定义一个旋转的动画 ,图片是我们自定义的-->
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/resizeapi"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360" >

</rotate>

第二种圆形progressbar 使用一个动画:

style:

 <style name="mycustom_progressbar2">
        <item name="android:indeterminateDrawable">@drawable/progressbar_ver_animation</item>
        <item name="android:minHeight">60dp</item>
        <item name="android:minWidth">60dp</item>
        <item name="android:maxHeight">100dp</item>
        <item name="android:maxWidth">100dp</item>
    </style>

progressbar_ver_animation的代码:

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:drawable="@drawable/ok1"
        android:duration="250"/>
    <item
        android:drawable="@drawable/ok2"
        android:duration="250"/>
    <item
        android:drawable="@drawable/ok3"
        android:duration="250"/>
    <item
        android:drawable="@drawable/ok4"
        android:duration="250"/>

</animation-list>

第三种圆形progressbar 使用shape来构建drawable:

<style name="mycustom_progressbar3">
        <item name="android:indeterminateDrawable">@drawable/progressbar_ver_shape</item>
        <item name="android:minHeight">60dp</item>
        <item name="android:minWidth">60dp</item>
        <item name="android:maxHeight">100dp</item>
        <item name="android:maxWidth">100dp</item>
    </style>

progressbar_ver_shape的代码:

<?xml version="1.0" encoding="utf-8"?>
<!-- 定义一个旋转的动画 ,图片是我们自定义的shape -->
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360" >
    <shape
        android:innerRadiusRatio="3"
        android:shape="ring"
        android:thicknessRatio="8"
        android:useLevel="false" >
        <gradient
            android:centerColor="#FFFFFF"
            android:centerY="0.50"
            android:endColor="#1E90FF"
            android:startColor="#000000"
            android:type="sweep"
            android:useLevel="false" />
    </shape>

</rotate>

第四种: 横向progressbar 复制粘贴系统的style,然后修改:

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dip" />
            <gradient
                    android:startColor="#ffff0000"
                    android:centerColor="#ffff0000"
                    android:centerY="0.75"
                    android:endColor="#ffff0000"
                    android:angle="270"
            />
        </shape>
    </item>
   
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#800000ff"
                        android:centerColor="#800000ff"
                        android:centerY="0.75"
                        android:endColor="#800000ff"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
   
    <item android:id="@android:id/progress"
        >
        <clip >
           
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#ff00ff00"
                        android:centerColor="#ff00ff00"
                        android:centerY="0.75"
                        android:endColor="#ff00ff00"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
   
</layer-list>

这样直接在progressbar中引用该style就可以满足需求了,当然我们也可以把progressbar background progress secondprogress都分别定义成一个drawable,然后使用:

background:

<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="5dip" />
    <gradient
        android:angle="270"
        android:centerColor="#ffff0000"
        android:centerY="0.75"
        android:endColor="#ffff0000"
        android:startColor="#ffff0000" />
</shape>

progress:

<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <corners android:radius="5dip" />

    <gradient
        android:angle="270"
        android:centerColor="#ff00ff00"
        android:centerY="0.75"
        android:endColor="#ff00ff00"
        android:startColor="#ff00ff00" />

</shape>

secondprogress:

<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <corners android:radius="5dip" />

    <gradient
        android:angle="270"
        android:centerColor="#800000ff"
        android:centerY="0.75"
        android:endColor="#800000ff"
        android:startColor="#800000ff" />

</shape>

这个时候style中的代码就会清晰一点:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@android:id/background"
        android:drawable="@drawable/progressbar_hor_bg">
    </item>
    <item android:id="@android:id/secondaryProgress">
        <clip android:drawable="@drawable/progressbar_hor_second_progress" >
        </clip>
    </item>
    <item android:id="@android:id/progress">
        <clip android:drawable="@drawable/progressbar_hor_progress" >
        </clip>
    </item>

    <!-- progress 这个地方原作者写的是一个点9的图-->  
    <!-- <item android:id="@android:id/progress">  
        <clip>  
            <nine-patch android:src="@drawable/progress_patch_galy" />  
        </clip>  
    </item>   -->
</layer-list>

嘿嘿..最后,做人要厚道:神一般男人的原博主博文连接http://blog.csdn.net/mad1989/article/details/38042875

对了,代码还是贴上来吧.总感觉在ide中直接看代码会更舒服一些:http://download.csdn.net/detail/u010399316/9000197

原文：http://blog.csdn.net/u010399316/article/details/47611319

内容总结

以上是互联网集市为您收集整理的android 自定义水平和圆形progressbar 只定义一些style就可以全部内容，希望文章能够帮你解决android 自定义水平和圆形progressbar 只定义一些style就可以所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1139342.html

来源：【匿名】

【上一篇】Android应用升级，检测更新，下载，检验，安装【下一篇】如何解决android php 中文乱码问题

更多 ►

【android 自定义水平和圆形progressbar 只定义一些style就可以】教程文章相关的互联网学习教程文章

Android多媒体开发 Pro Android Media 第二章创建自定义相机应用 1【图】

在上一章中，我们看了如何利用Android内置的相机应用为其他应用提供一个现成的照片拍摄组件。它提供标准界面给最终用户，对我们程序员而言又简单直接，不过它也因此缺乏灵活度。例如，如果我们想要我们的相机应用支持延时拍摄，使用内置应用就不好实现。幸运的是，使用内置应用并不是访问摄像头的唯一途径。底层硬件的开放程度以及系统提供的访问方法，对我们和相机应用来说是一样的，我们可以在任意类型的应用中使用这些功能。在...

android 自定义标题栏 titleBar自定义【代码】【图】

在value文件夹下添加style.xml<?xml version="1.0" encoding="utf-8"?><resources><style name="title_bar_bg_blue"><item name="android:background">@drawable/bg_titlebar</item></style><style name="theme_title_bar_blue" parent="android:Theme"><item name="android:...

Android 自定义SeekBar (一)【代码】【图】

一、前言巩固自定义view基础用，本次尝试构建一个拖动条组件。代码参考于 https://github.com/woxingxiao/BubbleSeekBar ，精简其中高度可重用的部分，仅保留基本的拖拽功能，由于代码很巧妙，以后可以再深入探究学习。本文在前面自定义view的基础上，增加了测量(onMeasure) 以及触碰屏幕事件(onTouchEvent)。相信可以一步步踏实巩固，学会自定义view的知识。由于本拖动条仍是一个view，不需要涉及到布局(onLayout) 。以后学习自...

Android自定义ProgressDialog【图】

转载请注明出处：http://blog.csdn.net/allen315410/article/details/41699063 我们在开发Android上应用程序时，有很多时候会遇到“延时”等待的情况，例如数据加载时，尤其是在联网的时候，请求网络会有个等待时间，在这个等待的时间里需要给用户一个友好的提示，提示用户现在正在做什么操作，需要耐心等待等等，这时一个进度对话框就可以解决。Android提供给我们一个很好的控件叫ProgressDialog，用来创建自定义信息以及一...

老猪带你玩转android自定义控件一——打造最简单viewpagerindicator【代码】【图】

viewpagerindicator,既使用viewpager翻页时候，标题的指示条随着改变的控件，是常用android控件之一，几乎所有的新闻类APP中都有使用。如下图所示：　　今天，我们将从0到1实现这一控件。　　其实，实现这一控件思路很简单：　　①对头部的标题栏进行布局，头部标题栏，只能进行单选，这符合radiobutton的特质，但是普通的radiobutton，不是这样的吗？　　显然，我们在这里需要写样式进行处理，由于头部标题栏的条目非常的多...

Taro自定义Modal对话框组件|taro仿微信、android弹窗【代码】【图】

基于Taro多端实践TaroPop：自定义模态框|dialog对话框|msg消息框|Toast提示taro自定义弹出框支持编译到多端H5/小程序/ReactNative，还可以自定义弹窗类型/弹窗样式、多按钮事件/样式、自动关闭、遮罩层、弹窗显示位置及自定义内容模板用法 ▍在相应页面引入组件 import TaroPop from‘@components/taroPop‘ import Taro from ‘@tarojs/taro‘ import { View, Text } from ‘@tarojs/components‘// 引入自定义弹窗组件 import Ta...

android自定义控件系列教程-----仿新版优酷评论剧集卡片滑动控件【图】

我们先来看看优酷的控件是怎么回事？只响应最后也就是最顶部的卡片的点击事件，如果点击的不是最顶部的卡片那么就先把它放到最顶部，然后在移动到最前面来，反复如次。知道了这几条那么我们就很好做了。里面的技术细节可能就是child的放置到前面来的动画问题把。先看看我们实现得效果：然后仔细分析一下我们要实现怎么样的效果：我也是放置了一个按钮和两个view在控件上面，只有当控件在最前面也就是最里面的时候才会响应事件。然后...

Android自定义View的一些不知道的细节

原因：之所以写这个主要是因为我自认为自己对自定义View已经了如指掌，但是后来才发现自己犯了很多低级错误。详解：按照源码的注释，View的绘制过程是这样子的： /** Draw traversal performs several drawing steps which must be executed* in the appropriate order:** 1. Draw the background* 2. If necessary, save the canvas' layers to prepare for fading* 3. Draw view's content* 4. Draw ...

Android 自定义 attr【代码】【图】

好纠结，弄了一个下午老是报错如是总结一下安卓自定视图和自定义属性。（一）自定义属性　　在Values文件下建立一个attrs.xml文件，attr的format可以参考：http://www.cnblogs.com/crashmaker/p/3521310.html<?xml version="1.0" encoding="utf-8"?><resources><declare-styleable name="nfyh"><attr name="title" format="reference"/><attr name="icon" format="reference"/><attr name="border_width" format="dimension"/><at...

Android自定义dialog中的EditText无法弹出键盘的解决【代码】【图】

最近我独立开发的项目《全医会》已经在内测当中了，很快将会上架到各大应用市场。之前开发的几个项目都因为一些原因没有上架还是比较遗憾的。所以，最近我心情格外的好。今天在做一个新项目，专为律师和客户开发的APP，其中有一个自定义对话框的需求。这个知识点其实很简单，就是下图这个效果：可是当我悠闲的写完以后才发现，自定义对话框里面嵌套的EditText根本无法获取焦点，无法弹出软键盘，郁闷，以前开发的软件里面没有E...

Android自定义控件系列三：如何画画【图】

前面章节我们说了如何定义属性、如何定义宽高，这样之后组件的简单外形或轮廓就已经出来，或者说已经定义出了画布的大小，解下来就是如何在画布上挥毫泼墨了。组件(除了容器组件)实际上都是靠画出来的，通过系统提供的画笔(Paint)以及基本图形(圆、矩形、直线等)就可以完整的勾画出一个组件。下面就详细介绍如何画以及一些技巧：如何获取颜色一般情况下，要实现啥样的组件，是由美工设计出效果图，或者是网上找的些图片样式，这样就...

Android基础入门教程——2.4.7 构建一个可复用的自定义BaseAdapter【代码】

Android基础入门教程——2.4.7 构建一个可复用的自定义BaseAdapter标签（空格分隔）： Android基础入门教程本节引言：如题，本节给大家带来的是构建一个可复用的自定义BaseAdapter，我们每每涉及到ListView GridView等其他的Adapter控件，都需要自己另外写一个BaseAdapter类，这样显得非常麻烦，又比如，我们想在一个界面显示两个ListView的话，我们也是需要些两个BaseAdapter… 这，程序员都是喜欢偷懒的哈，这节我们就来写一个可...

android 自定义光标颜色【代码】

在 res/drawable 新建光标样式文件 my_cursor.xml<shape android:shape="rectangle"xmlns:android="http://schemas.android.com/apk/res/android"><size android:width="2dp"/><solid android:color="@color/black"/></shape>如果只是修改单个edittext的光标样式，在edittext里添加android:textCursorDrawable="@drawable/my_cursor"如果是全局修改<style name="MyAppTheme" parent="Theme.AppCompat.Light.NoActionBar">...<item ...

Android自定义控件垂直TextView【代码】【图】

正常情况下TextView的文本内容是水平显示的，那如何做到让内容垂直显示呢，于是做了一些尝试，自定义控件继承TextView，重写onDraw函数，代码如下： @Override protectedvoid onDraw(Canvas canvas) { canvas.rotate(-90); canvas.translate(-getHeight(), 0); super.onDraw(canvas); } 以上实现确实做到了让内容垂直显示，但是存在宽度与高度无法适配的问题，比如在指定宽度的情况下，垂直显示的文字可能会换行，这并不是...

Android 自定义控件玩转字体变色打造炫酷ViewPager指示器【图】

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/44098729，本文出自：【张鸿洋的博客】1、概述本篇博客的产生呢，是因为，群里的哥们暖暖给我发了个效果图，然后问我该如何实现顶部ViewPager指示器的字体变色，该效果图是这样的：大概是今天头条的app，神奇的地方就在于，切换ViewPager页面的时候，顶部指示器改成了字体颜色的变化，个人觉得还是不错的。那么核心的地方就是做一个支持字体这样逐渐染色就可以...

ANDROID - 最热教程

Android的APP怎样制作LOGO的尺寸 Android开发处理内存申请失败的报错(F...App携带参数安装Android和iOS全面解析 angular2打包AndroidAPP环境搭建的方法 Android进阶--属性动画PropertyAnimati...Android客户端与PHP服务端通讯(四)-极光...Mac中Ionic+Cordova Android打包报错Co...Android知识点扫盲积累 4.2-Air302(NB-IOT)-自建MQTT服务器-An...Unity3d(U3D) Windows/Android/IOS 播放...

首页 / ANDROID / android 自定义水平和圆形progressbar 只定义一些style就可以

android 自定义水平和圆形progressbar 只定义一些style就可以

内容导读

内容图文

内容总结

内容备注

内容手机端

【android 自定义水平和圆形progressbar 只定义一些style就可以】教程文章相关的互联网学习教程文章

Android多媒体开发 Pro Android Media 第二章创建自定义相机应用 1【图】

android 自定义标题栏 titleBar自定义【代码】【图】

Android 自定义SeekBar (一)【代码】【图】

Android自定义ProgressDialog【图】

老猪带你玩转android自定义控件一——打造最简单viewpagerindicator【代码】【图】

Taro自定义Modal对话框组件|taro仿微信、android弹窗【代码】【图】

android自定义控件系列教程-----仿新版优酷评论剧集卡片滑动控件【图】

Android自定义View的一些不知道的细节

Android 自定义 attr【代码】【图】

Android自定义dialog中的EditText无法弹出键盘的解决【代码】【图】

Android自定义控件系列三：如何画画【图】

Android基础入门教程——2.4.7 构建一个可复用的自定义BaseAdapter【代码】

android 自定义光标颜色【代码】

Android自定义控件垂直TextView【代码】【图】

Android 自定义控件玩转字体变色打造炫酷ViewPager指示器【图】

自定义 - 相关标签

ANDROID - 最新教程

ANDROID - 最热教程