zoukankan      html  css  js  c++  java
  • (三)自定义不断转圈的圆形进度条的实现(主要在网络访问时候,提示用户在获取数据)

    1、要实现的转圈进度条的效果图如下所示:

        

    2、view_loading.xml中代码如下所示:

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/loading_view_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#e5e4e9"
        android:descendantFocusability="blocksDescendants" >
    
        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:gravity="top" >
    
            <ProgressBar
                android:id="@+id/loading_view_progressbar"
                style="@style/loadingViewProgressBarStyle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:visibility="visible" />
    
            <TextView
                android:id="@+id/loading_view_textview"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/loading_view_progressbar"
                android:layout_centerHorizontal="true"
                android:layout_marginTop="4dp"
                android:text="正在加载..."
                android:textColor="#999999"
                android:textSize="12sp" />
        </RelativeLayout>
    
    </RelativeLayout>

    3、styles.xml中的loadingViewProgressBarStyle如下所示:

    <style name="loadingViewProgressBarStyle">
              <item name="android:indeterminateDrawable">@drawable/load_rotate</item>
              <item name="android:minWidth">20dip</item>
              <item name="android:maxWidth">20dip</item>
              <item name="android:minHeight">20dip</item>
              <item name="android:maxHeight">20dip</item>
     </style>

    4、drawable文件夹下load_rotate.xml文件内容如下所示:

    <?xml version="1.0" encoding="utf-8"?>
    <rotate xmlns:android="http://schemas.android.com/apk/res/android"
        android:drawable="@drawable/load_icon"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="360" />

    5、load_icon的图片形式如下所示:

  • 相关阅读:
    js随机模块颜色
    可以随鼠标拖拽的div
    js动弹特效
    正则表达式-表单验证
    get你想象不到的技能
    文字列表滚动(文字轮播)
    jQuery
    jQuery中效果animate方法解决width是百分比出现的问题
    iscroll在谷歌浏览器中bug
    js倒计时 手机休眠时 时间不进行减少
  • 原文地址:https://www.cnblogs.com/fuyanan/p/4739475.html
Copyright © 2011-2022 走看看