Android中ProgressBar样式

这里写图片描述
Android系统已经被各大厂商改的面目全非,各种系统组件在不同手机上显示的效果完全不同,现在要想在开发中想要保持统一的界面风格,必须全部修改系统组件的样式,现在我们需要修改系统默认的ProgressBar,就Android系统本身来说,不同的版本组件的样式也不同。

系统中ProgressBar样式

系统样式
找到android-sdk目录下的platforms\android-15\data\res\values中的styles.xml,然后查找ProgressBar,可以发现

<style name="Widget.ProgressBar">
        <item name="android:indeterminateOnly">true</item>
        <item name="android:indeterminateDrawable">@android:drawable/progress_medium_white</item>
        <item name="android:indeterminateBehavior">repeat</item>
        <item name="android:indeterminateDuration">3500</item>
        <item name="android:minWidth">48dip</item>
        <item name="android:maxWidth">48dip</item>
        <item name="android:minHeight">48dip</item>
        <item name="android:maxHeight">48dip</item>
    </style>

android:indeterminateDrawable的值为@android:drawable/progress_medium_white,找到drawable目录下的progress_medium_white.xml,打开

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/spinner_white_48"
    android:pivotX="50%"
    android:pivotY="50%"
    android:framesCount="12"
    android:frameDuration="100" />

就是一个简单的spinner_white_48.png的旋转动画

自定义android:indeterminateDrawable的值

旋转动画

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:pivotX="50%"
    android:pivotY="50%"
    android:fromDegrees="0"
    android:toDegrees="360">
    <bitmap
        android:src="@mipmap/icon_timeline_stop_blue"
        android:antialias="true"
        android:filter="true"></bitmap>
</rotate>

然后

    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indeterminateDrawable="@drawable/loading_anim"
        android:id="@+id/progressBar" />

即可制作简单的旋转样式的的ProgressBar


帧动画

还有一种样式的为帧动画,这里有一点需要注意的
这里写图片描述 这里写图片描述
两个图片,制作帧动画

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item android:duration="100">
        <clip
            android:clipOrientation="horizontal"
            android:drawable="@mipmap/kaoyan_tip_f1"
            android:gravity="left" />
    </item><item android:duration="100">
    <clip
        android:clipOrientation="horizontal"
        android:drawable="@mipmap/kaoyan_tip_f2"
        android:gravity="left" />
</item>

</animation-list>

需要注意的是,需要使用clip节点来指定android:clipOrientationandroid:gravity="left",否则可能出现不同屏幕显示不完整的情况

发布了272 篇原创文章 · 获赞 59 · 访问量 43万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览