Android中自定义加载样式图片的具体实现

 更新时间:2014年04月10日 16:43:05   作者:  
想实现下面这张图中的自定义加载样式,其实很简单,首先我们需要的布局组件有ProcessBar和TextView,下面是布局文件的代码
先让大家看看效果图吧,相信很多Android初学者都想知道这中效果是怎么实现的,来上图:

想实现上面这张图中的自定义加载样式,其实很简单,首先我们需要的布局组件有ProcessBar和TextView,下面是布局文件的代码(只是加载的页面的布局):
复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:gravity="center">

<ProgressBar
android:id="@+id/progressBar1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="@style/process_bar_style"/>

<TextView
android:id="@+id/processhint"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:text="@string/prohint"
android:textSize="18sp" />

</LinearLayout>

因为这个页面的使用平率很高,所以我们把它单独独立出来作为一个XML文件,在Android中如果要在布局文件中引入其他布局文件时,方法其实和JSP编程中的Include十分相似哈,具体的格式如下:<include android:id="@+id/layout_process" layout="@layout/processbar" />

下面我们就来说说要怎么实现旋转进程的实现,由于自带的加载样式不好看,我们就需要自定义样式,这时候需要一张png图片,即旋转的进度条。

接下来我们需要定义style文件。process_style.xml(定义在values文件夹下)
复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">
<style name="process_bar_style">
<item name="android:indeterminateDrawable">@drawable/processstyle</item>
</style>
</resources>

定义完style文件后,当然还没实现上面的效果,当然我们还要的就是让图片动起来,那么我们就需要自定义的属性动画哈,process.xml,在drawable文件夹下定义
复制代码 代码如下:

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

<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/process"
android:pivotX="50%"
android:pivotY="50%"
/>

关键的就是这个代码,可以实现图片的自动旋转。

那么大家可以尝试下了哈,自己也能做加载的设计者

相关文章

  • Flutter开发技巧RadialGradient中radius计算详解

    Flutter开发技巧RadialGradient中radius计算详解

    这篇文章主要为大家介绍了Flutter小技巧RadialGradient 中 radius 的计算详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • Android垂直滚动控件ScrollView使用方法详解

    Android垂直滚动控件ScrollView使用方法详解

    这篇文章主要为大家详细介绍了Android垂直滚动控件ScrollView的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Android-Service实现手机壁纸自动更换

    Android-Service实现手机壁纸自动更换

    这篇文章主要为大家详细介绍了Android-Service实现手机壁纸自动更换,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • Flutter替换字符串中的html标签

    Flutter替换字符串中的html标签

    这篇文章主要为大家介绍了Flutter替换字符串中的html标签实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步早日升职加薪
    2023-05-05
  • Android用PopupWindow实现自定义Dailog

    Android用PopupWindow实现自定义Dailog

    这篇文章主要为大家详细介绍了Android用PopupWindow实现自定义Dailog的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • Android实现顶部弧形背景效果

    Android实现顶部弧形背景效果

    在当今移动互联网应用中,界面设计的美观与交互体验往往成为用户评价一款产品的重要因素之一,本文将详细介绍如何在 Android 应用中实现顶部弧形背景效果,通过自定义 View、绘制原理和动画特效等多种技术手段,打造出既美观又具有较好扩展性的界面背景效果
    2025-04-04
  • Android HorizontalScrollView滑动与ViewPager切换案例详解

    Android HorizontalScrollView滑动与ViewPager切换案例详解

    这篇文章主要介绍了Android HorizontalScrollView滑动与ViewPager切换案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • Android 程序应用的生命周期

    Android 程序应用的生命周期

    本篇文章小编为大家介绍,Android 程序应用的生命周期。需要的朋友参考下
    2013-04-04
  • Android TextView跑马灯效果实现方法

    Android TextView跑马灯效果实现方法

    这篇文章主要介绍了Android TextView跑马灯效果实现方法,涉及Android布局文件中相关属性的设置技巧,非常简单实用,需要的朋友可以参考下
    2016-01-01
  • Android处理视图圆角和色彩的工具类

    Android处理视图圆角和色彩的工具类

    这篇文章主要为大家详细介绍了Android处理视图圆角和色彩的工具类,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07

最新评论