700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > android的三个基础控件 Android基础控件——ProgressBar自定义的介绍 动画效果实现

android的三个基础控件 Android基础控件——ProgressBar自定义的介绍 动画效果实现

时间:2019-11-25 07:42:07

相关推荐

android的三个基础控件 Android基础控件——ProgressBar自定义的介绍 动画效果实现

xml文件:

android:centerColor="#00ff00"

android:endColor="#0000ff"

android:startColor="#ff0000" />

angle效果图[演示从0-45-90-135-180](为了更好的理解)

centerX效果图[演示从0-0.2-0.4-0.6-0.8-1.0](为了更好的理解)

步骤一:创建出drawable的xml文件

android:centerColor="#88ff3939"

android:endColor="#50ff3939"

android:startColor="#90ff3939" />

android:centerColor="#88221e12"

android:endColor="#50221e12"

android:startColor="#90221e12" />

步骤二:在layout的xml文件中使用

android:id="@+id/pb"

style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:progressDrawable="@drawable/custom_download_progress_bar" />步骤三:查看效果图步骤四:动画效果实现(这里使用indeterminateDrawable这个属性)准备一组图片,在drawable\xml中:

android:oneshot="false">

android:drawable="@drawable/app_refresh_people_0"

android:duration="200" />

android:drawable="@drawable/app_refresh_people_1"

android:duration="200" />

android:drawable="@drawable/app_refresh_people_2"

android:duration="200" />

android:drawable="@drawable/app_refresh_people_3"

android:duration="200" />

在layout\xml文件中:

style="?android:attr/progressBarStyle"

android:layout_width="98dp"

android:layout_height="146dp"

android:layout_centerInParent="true"

android:indeterminate="false"

android:indeterminateDrawable="@drawable/custom_animation_progress_bar" />效果图:步骤五:附加三个漂亮的进度条先看效果图:

三个drawable的xml文件:orange

red

blue

三个在layout的xml文件:

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:padding="16dp">

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:background="#F07C4E"

android:orientation="horizontal"

android:padding="8dp">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:background="#DB551D"

android:paddingBottom="8dp"

android:paddingLeft="16dp"

android:paddingRight="16dp"

android:paddingTop="8dp"

android:text="18%"

android:textColor="#ffffff"

android:textSize="16dp" />

style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"

android:layout_width="match_parent"

android:layout_height="22dp"

android:layout_gravity="center_vertical"

android:paddingBottom="6dp"

android:paddingLeft="12dp"

android:paddingRight="12dp"

android:paddingTop="6dp"

android:progress="18"

android:progressDrawable="@drawable/custom_orange_progress_bar" />

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:background="#F14E69"

android:orientation="horizontal"

android:padding="8dp">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:background="#DA1C38"

android:paddingBottom="8dp"

android:paddingLeft="16dp"

android:paddingRight="16dp"

android:paddingTop="8dp"

android:text="62%"

android:textColor="#ffffff"

android:textSize="16dp" />

style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"

android:layout_width="match_parent"

android:layout_height="22dp"

android:layout_gravity="center_vertical"

android:paddingBottom="6dp"

android:paddingLeft="12dp"

android:paddingRight="12dp"

android:paddingTop="6dp"

android:progress="62"

android:progressDrawable="@drawable/custom_red_progress_bar" />

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="5dp"

android:background="#4ED9EC"

android:orientation="horizontal"

android:padding="8dp">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:background="#1DBADB"

android:paddingBottom="8dp"

android:paddingLeft="16dp"

android:paddingRight="16dp"

android:paddingTop="8dp"

android:text="47%"

android:textColor="#ffffff"

android:textSize="16dp" />

style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"

android:layout_width="match_parent"

android:layout_height="22dp"

android:layout_gravity="center_vertical"

android:paddingBottom="6dp"

android:paddingLeft="12dp"

android:paddingRight="12dp"

android:paddingTop="6dp"

android:progress="47"

android:progressDrawable="@drawable/custom_blue_progress_bar" />

android的三个基础控件 Android基础控件——ProgressBar自定义的介绍 动画效果实现 附加三个漂亮的进度条...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。