iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 14
0
Mobile Development

iOS Developer Learning Android系列 第 14

iOS Developer Learning Android. Lesson 14 - SeekBar + ProgressBar (原生就有的SVProgressHUD)

  • 分享至 

  • xImage
  •  

本日效果

對照表☘️☘️☘️

Android iOS
ProgressBar UIActivityIndicatorView
SeekBar UISilder

常用屬性與一些說明

  1. ProgressBar
    1. 有分兩種:一種真的是bar;一種則是Loding的轉圈圈//根據style屬性決定
      1. progressBarStyleHorizontal
        1. 又有分兩種:一種是會有動畫一直跑的;一種是可以設定百分比的//根據indeterminate屬性決定
          1. indeterminate = "false",如下圖
          2. progress可以設定目前進度(深紅色)
          3. secondaryProgress可以設定第二階段(淺紅色),例如用於player緩存進度
            要注意的是:secondaryProgress是以整條bar的比例去顯示顏色,並不是以剩餘部分的比例去顯示顏色,所以如果secondaryProgress =< progress就會顯示不出來
          4. 只有indeterminate="true"的時候會根據layout_height改變bar的粗度
          5. 如果要強制改變bar的粗度,就用scaleY屬性
      2. progressBarStyle
        1. 不像UIActivityIndicatorView一樣⚠️⚠️⚠️,有stop方法
  2. SeekBar
    1. 是ProgressBar的子類
    2. 一樣有分兩種:一般的;跟離散型的(style="@style/Widget.AppCompat.SeekBar.Discrete")
    3. 左右會留一些inset
    4. 跟UISilder不同⚠️⚠️⚠️,value都是整數
    5. 如果是一般型,value就是0~100,離散型的話用max來設定畫面有幾個點(這個我找超久= =)
    6. 用OnSeekBarChangeListener監聽事件
      1. onStartTrackingTouch按下
      2. onProgressChanged移動中
      3. onStopTrackingTouch放下

繼承關係

  1. ProgressBar
    java.lang.Object
    ↳ android.view.View
    ↳ android.widget.ProgressBar
  2. SeekBar
    java.lang.Object
    ↳ android.view.View
    ↳ android.widget.ProgressBar
    ↳ android.widget.AbsSeekBar
    ↳ android.widget.SeekBar

參考資料

今天的範例程式

可以去 https://github.com/mark33699/IDLA 看一下順便給顆⭐️


如果你喜歡我的影片別忘了按讚分享加訂閱,開啟紅色的小鈴鐺,我們明天見~


上一篇
iOS Developer Learning Android. Lesson 13 - Spinner + DatePickerDialog (UIPickerView的代替品:下拉選單)
下一篇
iOS Developer Learning Android. Lesson 15 - Buttons=[Radio,Chip,Switch,Toggle,Material] (輕鬆實現Tag功能)
系列文
iOS Developer Learning Android30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言