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%"
/>

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

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

相关文章

  • 详细讲解AsyncTask使用说明(值得收藏)

    详细讲解AsyncTask使用说明(值得收藏)

    AsyncTask就相当于Android给我们提供了一个多线程编程的一个框架,其介于Thread和Handler之间,我们如果要定义一个AsyncTask,就需要定义一个类来继承AsyncTask这个抽象类,并实现其唯一的一doInBackgroud 抽象方法,这篇文章主要介绍了AsyncTask详解,需要的朋友可以参考下
    2024-01-01
  • Android AlertDialog自定义样式实现代码

    Android AlertDialog自定义样式实现代码

    这篇文章主要介绍了Android AlertDialog自定义样式实现代码的相关资料,这里提供了实例代码,一个简单示例,需要的朋友可以参考下
    2016-12-12
  • Flutter开发Mac桌面应用实现自动提取生成视频字幕文件

    Flutter开发Mac桌面应用实现自动提取生成视频字幕文件

    这篇文章主要为大家介绍了Flutter开发Mac桌面应用实现自动提取生成视频字幕文件示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • Android编程动态按钮实现方法

    Android编程动态按钮实现方法

    这篇文章主要介绍了Android编程动态按钮实现方法,分享了onTouch方法及xml调用两种实现技巧,需要的朋友可以参考下
    2016-10-10
  • Flutter 如何正确显示SnackBar

    Flutter 如何正确显示SnackBar

    Snackbar是Android支持库中用于显示简单消息并且提供和用户的一个简单操作的一种弹出式提醒。当使用Snackbar时,提示会出现在消息最底部,通常含有一段信息和一个可点击的按钮。本文主要介绍了Flutter 如何正确显示 SnackBar
    2021-05-05
  • Android 自定义相机及分析源码

    Android 自定义相机及分析源码

    这篇文章主要介绍了Android 自定义相机及分析源码的相关资料,这里自定义相机并使用系统相机教程源码进行详解,需要的朋友可以参考下
    2017-08-08
  • 深入解析Android中的setContentView加载布局原理

    深入解析Android中的setContentView加载布局原理

    在日常开发Android中setContentView是必不可少的一部分,下面这篇文章主要给大家介绍了关于Android中setContentView的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习下吧。
    2017-09-09
  • Android通过BLE传输文件遇到问题解决

    Android通过BLE传输文件遇到问题解决

    这篇文章主要为大家介绍了Android通过BLE传输文件遇到问题解决方法,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • Android仿微信公众号界面

    Android仿微信公众号界面

    这篇文章主要为大家详细介绍了Android仿微信公众号界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • Android自定义button点击效果的两种方式

    Android自定义button点击效果的两种方式

    这篇文章主要为大家详细介绍了Android自定义button点击效果的两种方式,感兴趣的小伙伴们可以参考一下
    2016-05-05

最新评论