UIProgressview

読み込みのプログレスバーがビョーンと表示されるバーです。

UIProgressViewの表示２

UIProgressViewのクラス階層

NSObject
↑
UIResponder
↑
UIView
↑
UIProgressView

参考：UIKit Framework Reference UIProgressView Class Reference
参考：028 UIProgressViewで進捗の具合の確認

やってみた

以下のコードをViewControllerのviewDidLoadに貼り付けてください。


        self.view.backgroundColor = UIColor.orangeColor()// 背景色を白色にする
        
        let screenWidth =  UIScreen.mainScreen().bounds.size.width;//スクリーン幅
        var myProgressView: UIProgressView = UIProgressView(frame: CGRectMake(0, 100, screenWidth, 10))
        myProgressView.progressTintColor = UIColor.whiteColor()// バーの読み込みの色は黒
        myProgressView.trackTintColor = UIColor.blackColor()// バーの背景は灰色
        
        myProgressView.progress = 0.2// 進捗セット(0.0~1.0)
        
        self.view.addSubview(myProgressView)//viewに追加

上記を実行すると以下のようになります。

UIProgressView途中の表示画像

この進捗バーを進めるためにはmyProgressView.progressを更新してください。

１００％にする場合はマックスの1.0を以下のようにセットします。 animated引数を使ってビョーンとアニメーションさせることも可能。


        myProgressView.setProgress(1.0)// アニメーションなし
        myProgressView.setProgress(1.0, animated: true)// アニメーションあり

UIProgressViewの表示２

おまけ

プログレスバーはWebViewなんかとも相性がよさそうです。ブラウザの上にピタッと相対的にくっつけるのであれば自動で伸縮するAutoLayoutが便利ですのでAutoLayoutの記事もよろしければお読みください。

↓こんな記事もありますよ！

2021-05-14 14:21:41	WatchOSのwatchconnectivityのFiletransferの落とし穴。と、避け方。 AppleWatch 実機だと成功するんだけど、シュミレーターだと失敗するという、、、昔作成してた時は成功してたのになーと思って調べると、どうやら昔は成功してたみたい。watchOS6以降は...
2021-05-06 14:04:37	LINEのアニメーションスタンプ制作の落とし穴、、、失敗談ゴールデンウィークにLINEスタンプを作成してみました。作り切って申請も通したんですが、意図したアニメーションと違う、、、、 LINEクリエーターの画面だと、アニメーションのプレビュー...
2021-05-01 18:05:35	久しぶりのAdmobをobjective-cに実装。コンパイルエラーだらけ。バーミッション不具合でエミュレータにインスコできない。忘れないようにメモエミュレータにアプリをインストールする際にパーミッション系のエラーがでた時、また、iphone実機にインストールする際にも権限系のエラーが出る場合。ターゲット→ex...