组件使用 - Progress - 《XUI - Android 原生 UI 框架》

MiniLoadingView
HorizontalProgressView

演示效果

使用案例

属性表: (MaterialProgressBar)

LoadingView

环形Loading加载控件，可自定义loading的样式效果
。有圆弧旋转loading控件（ARCLoadingView），旋转加载动画控件（RotateLoadingView），自定义加载布局（LoadingViewLayout）。

使用案例


    android:id="@+id/arc_loading"
    android:layout_width="120dp"
    android:layout_height="120dp"
    android:layout_margin="20dp"
    app:lv_auto="false"
    app:lv_has_icon="false" />

属性表: (LoadingView)【ARCLoadingView、RotateLoadingView】

属性名	类型	默认值	备注
lv_width	dimension	6dp	loading加载画笔的粗细
lv_color	color	#299EE3	loading加载画笔的颜色
lv_speed	integer	5	loading加载旋转的速度
lv_has_icon	boolean	true	是否有loading中心的图标
lv_icon	reference	应用图标	loading中心的图标
lv_icon_scale	float	0.5	loading中心图标缩放的比例
lv_arc_degree	integer	315	圆弧的角度
lv_auto	boolean	true	是否自动旋转，无需人工控制
lv_arc_single	boolean	false	是否单弧旋转

属性表: (LoadingViewLayout)

演示效果

使用案例

属性表: (MiniLoadingView)

属性名	类型	默认值	备注
mlv_loading_view_size	dimension	32dp	loading控件的大小
mlv_loading_view_color	color	Color.WHITE	loading控件的颜色

CircleProgressView

非常漂亮的环形进度条。

演示效果

使用案例

<com.xuexiang.xui.widget.progress.CircleProgressView
    android:id="@+id/progressView_circle_small"
    android:layout_height="90dp"
    android:layout_marginStart="12dp"
    android:layout_marginTop="12dp"
    app:cpv_animate_type="AccelerateDecelerateInterpolator"
    app:cpv_circle_broken="false"
    app:cpv_end_color="#00EEFA"
    app:cpv_end_progress="78"
    app:cpv_isFilled="false"
    app:cpv_progress_duration="2000"
    app:cpv_progress_textColor="#28AAFB"
    app:cpv_progress_textSize="18sp"
    app:cpv_start_color="#0052a3"
    app:cpv_start_progress="0"
    app:cpv_track_color="#22FFF5"
    app:cpv_track_width="4dp"
    app:cpv_progress_width="8dp"/>

属性表: (CircleProgressView)

演示效果

使用案例

属性表: (HorizontalProgressView)

属性名	类型	默认值	备注
hpv_start_progress	integer	0	起始进度
hpv_end_progress	integer	60	终止进度
hpv_start_color	color	#FFC288	渐变效果的起始颜色
hpv_end_color	integer	#FF8F5D	渐变效果的终止颜色
hpv_isTracked	boolean	false	是否显示轨迹背景
hpv_track_width	dimension	16dp	进度条的宽度（边界宽度）
hpv_track_color	color	#F3E5DD	轨迹背景的颜色
hpv_progress_duration	integer	1200ms	动画时长
hpv_progress_textVisibility	boolean	true	是否显示进度值文本
hpv_progress_textColor	color	R.attr.colorAccent	进度值的颜色
hpv_progress_textSize	dimension	14sp	进度值的文本字体大小
hpv_animate_type	enum	AccelerateDecelerateInterpolator	动画类型
hpv_corner_radius	dimension	5dp	圆角半径
hpv_text_padding_bottom	dimension	5dp	文字距离view的padding
hpv_text_movedEnable	boolean	true	设置进度值是否跟随控件动画移动

RatingBar

演示效果

使用案例


<com.xuexiang.xui.widget.progress.ratingbar.RatingBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_marginTop="16dp"
    android:layout_marginRight="8dp"
    app:srb_numStars="7"
    app:srb_starHeight="35dp"
    app:srb_starPadding="5dp"
    app:srb_starWidth="35dp" />
<com.xuexiang.xui.widget.progress.ratingbar.RotationRatingBar
    android:id="@+id/rrb_custom"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_marginTop="16dp"
    android:layout_marginRight="8dp"
    app:srb_drawableEmpty="@android:color/transparent"
    app:srb_drawableFilled="@drawable/ic_star_green"
    app:srb_isIndicator="true"
    app:srb_starHeight="12dp"
    app:srb_starPadding="3dp"
    app:srb_starWidth="12dp"/>

属性表: (RatingBar)