zoukankan      html  css  js  c++  java
  • [置顶] 自定义的解压进度条 关于ProgressBar的使用

    整体布局

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/linear_"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
    
        <LinearLayout
            android:layout_width="300dp"
            android:layout_height="100dp"
            android:layout_gravity="center"
            android:background="@drawable/main_bg"
            android:orientation="vertical"
            android:paddingLeft="5dp"
            android:paddingRight="5dp"
            android:paddingTop="10dp" >
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/decompression"
                android:textColor="#436EEE"
                android:textSize="15sp" />
    
            <TextView
                android:id="@+id/tv_current"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:layout_marginTop="10dp"
                android:text="@string/current_value"
                android:textColor="#EE9A00"
                android:textSize="11sp" />
    
            <ProgressBar
                android:id="@+id/progressBar1"
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="fill_parent"
                android:layout_height="5dp"
                android:layout_marginTop="5dp"
                android:progressDrawable="@drawable/progress_bg" />
        </LinearLayout>
    
    </LinearLayout>


    渐变色背景

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/linear_"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
    
        <LinearLayout
            android:layout_width="300dp"
            android:layout_height="100dp"
            android:layout_gravity="center"
            android:background="@drawable/main_bg"
            android:orientation="vertical"
            android:paddingLeft="5dp"
            android:paddingRight="5dp"
            android:paddingTop="10dp" >
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/decompression"
                android:textColor="#436EEE"
                android:textSize="15sp" />
    
            <TextView
                android:id="@+id/tv_current"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:layout_marginTop="10dp"
                android:text="@string/current_value"
                android:textColor="#EE9A00"
                android:textSize="11sp" />
    
            <ProgressBar
                android:id="@+id/progressBar1"
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="fill_parent"
                android:layout_height="5dp"
                android:layout_marginTop="5dp"
                android:progressDrawable="@drawable/progress_bg" />
        </LinearLayout>
    
    </LinearLayout>


    ProgressBar的背景资源

    分别需要对3个 item进行id 进行设置 :

    android:id/background

    android:id/secondaryProgress

    android:id/progress


    <?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="3dip" />
    
                <gradient
                    android:angle="270"
                    android:centerY="0.75"
                    android:endColor="#30F5FFFA"
                    android:startColor="#90F0F0F0" />
            </shape>
        </item>
        <!-- 设置第二级进度条颜色图像资源 -->
        <item android:id="@android:id/secondaryProgress">
            <clip>
                <shape>
                    <corners android:radius="3dip" />
    
                    <gradient
                        android:angle="270"
                        android:centerY="0.75"
                        android:endColor="#EEE685"
                        android:startColor="#EEAD0E" />
                </shape>
            </clip>
        </item>
        <!-- 设置第一级进度条颜色图像资源 -->
        <item android:id="@android:id/progress">
            <clip>
                <shape>
                    <corners android:radius="3dip" />
    
                    <gradient
                        android:angle="270"
                        android:centerY="0.75"
                        android:endColor="#3087CEEB"
                        android:startColor="#906495ED" />
                </shape>
            </clip>
        </item>
    
    </layer-list>


    gradient的几种属性配置:



     android:scrollbarTrackVertical="@drawable/scrollbar_vertical_track"        //滚动条背景
     android:scrollbarThumbVertical="@drawable/scrollbar_vertical_thumb"      //滚动条
    
    
    
    scrollbar_vertical_track.xml
    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <gradient android:startColor="#3333FF" android:endColor="#8080FF"
                android:angle="0"/>
        <corners android:radius="6dp" />
    </shape>
     
    scrollbar_vertical_thumb.xml
    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <gradient android:startColor="#505050" android:endColor="#C0C0C0"
                android:angle="0"/>
        <corners android:radius="0dp" />
    </shape>
    





  • 相关阅读:
    1.2 文本域(含可编辑表格实现)
    JS手册目录
    1.1 文本框
    JS传中文到后台需要的处理
    java基础和面向对象面试题_01
    try {}里有一个return语句,那么紧跟在这个try后的finally {}里的code会不会被执行,什么时候被执行,在return前还是后?
    java面试题:当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递?
    java基础学习_IO流04_用户登录注册案例(IO版)、数据操作流(操作基本数据类型的流)、内存操作流、打印流、标准输入输出流、随机访问流、合并流、序列化流(对象操作流)、Properties属性集合类、NIO(新IO)_day22总结
    思想:java中,父类的方法中传入的形参的数据类型是泛型,子类的方法的形参想只要一种确定的数据类型,子类该如何做呢?
    几种后端开发技术的选型调研
  • 原文地址:https://www.cnblogs.com/keanuyaoo/p/3253636.html
Copyright © 2011-2022 走看看