Android中自定义加载样式图片的具体实现
程序员文章站
2022-06-04 12:20:12
先让大家看看效果图吧,相信很多android初学者都想知道这中效果是怎么实现的,来上图: 想实现上面这张图中的自定义加载样式,其实很简单,首先我们需要的布局组件有proce...
先让大家看看效果图吧,相信很多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%"
/>
关键的就是这个代码,可以实现图片的自动旋转。
那么大家可以尝试下了哈,自己也能做加载的设计者
想实现上面这张图中的自定义加载样式,其实很简单,首先我们需要的布局组件有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%"
/>
关键的就是这个代码,可以实现图片的自动旋转。
那么大家可以尝试下了哈,自己也能做加载的设计者
推荐阅读
-
android 多点触摸图片缩放的具体实现方法
-
Android画图并保存图片的具体实现代码
-
解析在Android中为TextView增加自定义HTML标签的实现方法
-
Android开发实现webview中img标签加载本地图片的方法
-
Android中自定义View的实现方式总结大全
-
Android 中自定义Dialog样式的Activity点击空白处隐藏软键盘功能(dialog不消失)
-
Android 在viewPager中双指缩放图片双击缩放图片单指拖拽图片的实现思路
-
android 自定义ScrollView实现背景图片伸缩的实现代码及思路
-
android中图片翻页效果简单的实现方法
-
Android加载大分辨率图片到手机内存中的实例方法