[解決済み] 角丸のプログレスバー?
2022-09-26 08:27:27
質問
このようなプログレスバーのデザインを実現しようとしています。
これがそのコードです。
<item android:id="@android:id/background">
<shape>
<corners android:radius="8dp"/>
<solid android:color="@color/dirtyWhite"/>
</shape>
</item>
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="8dp"/>
<solid android:color="@color/colorPrimaryDark"/>
</shape>
</clip>
</item>
私のプログレスバー
<ProgressBar
android:id="@+id/activeProgress"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:progress="10"
android:progressDrawable="@drawable/rounded_corners_progress_bar"/>
を追加してみました。
<size>
属性を追加してみました。
<shape>
で
<clip
で進捗の形を少し小さくしたのですが、うまくいきませんでした。また、プログレスバーが平らなので、デザイン通り曲線にしたいのです。デザインを実現するためには、何を変更すればいいのでしょうか?
どのように解決するのですか?
進捗の形状をもう少し小さくするには?
このように、進捗の項目に少しパディングを与える必要があります。
<item android:id="@android:id/progress"
android:top="2dp"
android:bottom="2dp"
android:left="2dp"
android:right="2dp">
プログレスバーをデザイン通りに湾曲させるには?
を置き換える
<clip></clip>
要素を
<scale android:scaleWidth="100%"></scale>
. これによって、シェイプが成長してもその形を維持し、切断されることがなくなります。
残念ながら、最初のうちは、シェイプの角が描画するのに十分なスペースがないため、少し望ましくない視覚効果が生じます。しかし、ほとんどの場合、これで十分でしょう。
完全なコード。
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape>
<corners android:radius="8dp"/>
<solid android:color="@color/dirtyWhite"/>
</shape>
</item>
<item android:id="@android:id/progress"
android:top="1dp"
android:bottom="1dp"
android:left="1dp"
android:right="1dp">
<scale android:scaleWidth="100%">
<shape>
<corners android:radius="8dp"/>
<solid android:color="@color/colorPrimaryDark"/>
</shape>
</scale>
</item>
</layer-list>
関連
-
[解決済み] Androidでプログレスバーの進行色を変更する方法
-
[解決済み] Androidでファイルをダウンロードし、ProgressDialogで進捗を表示する。
-
[解決済み] 既存のカスタムテーマでXMLのアクティビティのタイトルバーを非表示にする方法
-
[解決済み] 角丸のImageViewを作るには?
-
[解決済み] 角を丸くしたレイアウトを作るには・・・?
-
[解決済み] Androidでプログレスバーをカスタマイズする方法
-
[解決済み] RecyclerView.Stateを使って、RecyclerViewのスクロール位置を保存するには?
-
[解決済み] DialogFragmentを正しく終了させるには?
-
[解決済み] アンドロイドでシェイクを検出するには?
-
[解決済み] アンドロイドのdatepickerダイアログで最大の日付を設定するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Android ConstraintLayout - あるビューを別のビューの上に配置する
-
[解決済み] AppCompat-v7 21でアクションバー/ツールバーにアイコンを表示する。
-
[解決済み] FloatingActionButtonのサンプルとサポートライブラリ
-
[解決済み] アンドロイドでシェイクを検出するには?
-
[解決済み] アンドロイドのdatepickerダイアログで最大の日付を設定するには?
-
[解決済み] PendingIntentの "requestCode "は何に使うのですか?
-
[解決済み] google-services.jsonって実際何してるの?
-
[解決済み] アンドロイドボタンセレクター
-
[解決済み] Google Play ストア内部テストのロールアウトが開始できない
-
[解決済み] Recyclerviewと異なるタイプの行のインフレーションの処理