[Android] ProgressBar で進捗状況を表示する

Web表示などネット接続には時間がかかることもあります。ロード中とユーザーに知らせアプリが止まっていると勘違いされないようにしたい時には、ProgressBarを使うのが常套手段です。
 
progressbar 01b - [Android] ProgressBar で進捗状況を表示する

Android Studio 3.1.3
Android 8.1.0

 



ProgressBar

 
ProgressBarはいくつかのstyleがあり、またコードを書かなくてもレイアウトで設定するだけで動きます。

  • Widget.ProgressBar.Horizontal
  • Widget.ProgressBar.Small
  • Widget.ProgressBar.Large
  • Widget.ProgressBar.Inverse
  • Widget.ProgressBar.Small.Inverse
  • Widget.ProgressBar.Large.Inverse

これらのstyleがあります。
 

 

Widget.ProgressBar

 
例えば、4つのstyleで試してみます。
activity_main.xml

 

 

Themeからのstyle

 
また、古い情報ではThemeのstyleを使うこともできるようです。
 
activity_main.xml

 
progressbar 02 - [Android] ProgressBar で進捗状況を表示する
 
これは Theme.AppCompat.Light.DarkActionBar をThemeとして設定している場合です。
また 「?android… 」としないと呼び出されません

 
Themeを変えるとどうなるのでしょうか、全画面に使うThemeの @android:style/Theme.NoTitleBar を設定してみるとこのようになりました。
 
progressbar 01b - [Android] ProgressBar で進捗状況を表示する

 

VISIBLE と INVISIBLE

 
例えば、ロードが始まったらProgressBarを表示させておき、終わりがわからない場合は進捗が表示できないのでそのままとして、終わった時に非表示にすればいいのではないでしょうか。
 
表示・非表示はこれらを使います。

 
MainActivity.java

 
activity_main.xml

 
strings.xml

 

ProgressBar.Horizontal

 
一方で、進捗がわかる場合もあります。ProgressBar.Horizontalを使うとそのprogressをユーザーに提示できます。
 
レイアウトでindeterminateをfalseにする必要があります。
 

 
また進捗はメソッドの
setProgress()
を使います。
 
MainActivity.java

 
activity_main.xml

 
strings.xml

 

 
ボタンをタップする毎にMaxまで10増加させられます。
 
 
Reference:
ProgressBar | Android Developers

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加




アプリ開発が上達するお勧め

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンラインのプログラミングスクールがいいでしょう、時間の制約がないところが一番の魅力です。

以下の3つはAndroidが学習できるオンラインスクールです。


TECH ACADEMY
Androidアプリコース



侍エンジニア塾
侍エンジニア塾 無料体験レッスン



CodeCamp
~約8,000名の受講生と80社以上の導入実績~
現役エンジニアのオンライン家庭教師CodeCamp





正直ネットや本では限界があります。直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。

尚、スクールがダメだと言う人がいますが、やる気があれば問題ありません。与えられるのを待っていてはいけないですね
欲しいものは取りに行くのです。


Google Pixel 3 XLグローバル版
SIMフリー 並行輸入品
6.3インチの大画面
背景をぼかすポートレートモード撮影


Anker PowerCore II Slim 10000
Power IQ 2.0搭載
iPhone & Android対応

シェアする

  • このエントリーをはてなブックマークに追加

フォローする