2023學(xué)年完整公開課版進度條控件

實訓(xùn)Android北京電子科技職業(yè)學(xué)院1進度條簡述2進度條主要屬性方法3進度條的樣式1進度條簡述進度條簡述本節(jié)給大家講解的是Android基本UI控件中的進度條(ProgressBar)，ProgressBar的應(yīng)用場景很多，比如用戶登錄時，后臺在發(fā)請求以及等待服務(wù)器返回信息，這個時候會用到進度條；或者當(dāng)在進行一些比較耗時的操作，需要等待一段較長的時間，這個時候如果沒有提示，用戶可能會以為程序Carsh或者手機死機了，這樣會大大降低用戶體驗。所以在需要進行耗時操作的地方，添加上進度條，讓用戶知道當(dāng)前的程序在執(zhí)行中，也可以直觀的告訴用戶當(dāng)前任務(wù)的執(zhí)行進度等，從而消除用戶的心理等待時間。進度條簡述在Android中，進度條是android.widget.ProgressBar類，類圖如下圖1所示，從圖中可見android.widget.ProgressBar直接繼承了android.view.View類。2進度條主要屬性方法進度條主要屬性方法進度條主要屬性方法3進度條的樣式進度條的樣式Widget.ProgressBar.Horizontal

長形進度<ProgressBar

android:id="@+id/progress_bar"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

style="@android:style/Widget.ProgressBar.Horizontal

"

/>

進度條的樣式帶第二進度的進度條<ProgressBar

android:id="@+id/progress_bar_with_second"

style="@android:style/Widget.ProgressBar.Horizontal"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:progress="40"

android:secondaryProgress="70"

android:paddingTop="20dp"

android:paddingBottom="20dp"/>

進度條的樣式不確定模式進度條<ProgressBarandroid:id="@+id/progress_bar_indeterminate"style="@android:style/Widget.ProgressBar.Horizontal"android:layout_width="fill_parent"android:layout_height="wrap_content"android:indeterminate="true"android:indeterminateBehavior="cycle"android:paddingBottom="20dp"android:paddingTop="20dp"android:progress="40"/>進度條的樣式普通圓形進度：Widget.ProgressBar.Inverse<ProgressBarandroid:id="@+id/progress_bar1"style="@android:style/Widget.ProgressBar.Inverse"android:layout_width="fill_parent"android:layout_height="wrap_content"android:progress="50"android:background="#ff00ff"android:paddingTop="4dp"/>進度條的樣式普通小圓形進度條Widget.ProgressBar.Small

或Widget.ProgressBar.Small.Inverse<ProgressBarandroid:id="@+id/progress_bar2"style="@android:style/Widget.ProgressBar.Small"android:layout_width="fill_parent"android:layout_height="wrap_content"android:background="#ff00ff"android:paddingBottom="20dp"android:paddingTop="20dp"android:progress="50"/>進度條的樣式大號圓形進度條Widget.ProgressBar.Large或Widget.ProgressBar.Large.Inverse<ProgressBarandroid:id="@+id/progress_bar4"style="@android:style/Widget.ProgressBar.Large"android:layout_width="fill_parent"android:layout_height="wrap_content"android:backgr