Domyślnie ProgressBar ma pewne dopełnienie powyżej i poniżej samego paska. Czy jest sposób na usunięcie tej wyściółki, aby na końcu pozostała tylko sztanga?
android:minHeight="4dp"
Domyślnie ProgressBar ma pewne dopełnienie powyżej i poniżej samego paska. Czy jest sposób na usunięcie tej wyściółki, aby na końcu pozostała tylko sztanga?
android:minHeight="4dp"
Odpowiedzi:
Używam następującego rozwiązania jako obejścia tego problemu.
android:layout_marginBottom="-8dp"
android:layout_marginTop="-4dp"
android:layout_marginTop="-6dp"
pracował dla mnie. Zastanawiasz się, czy to zależy od urządzenia? Testowałem tylko na Xperii Z1
Framelayout
(jak w tej odpowiedzi jest lepszym rozwiązaniem i nie zależy od rozmiaru telefonu / typu / wersji systemu
Oto jak wykorzystałem odpowiedź Juozasa:
wysokość mojego ProgressBar
to 4dp. Utworzyłem więc a FrameLayout
o wysokości 4dp i ustawiłem layout_gravity
of ProgressBar
na center
. Działa jak urok.
<FrameLayout
android:layout_width="match_parent"
android:layout_height="4dp">
<ProgressBar
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="4dp"
android:layout_gravity="center"
android:indeterminate="true"/>
</FrameLayout>
Skończyło się na użyciu biblioteki niestandardowej, aby rozwiązać ten problem. Większość innych rozwiązań działa, ale wyniki nie są spójne na różnych urządzeniach.
MaterialProgressBar
- Spójny wygląd na Androidzie 4.0+.
- Prawidłowe zabarwienie na różnych platformach.
- Potrafi usunąć wewnętrzne wypełnienie Framework ProgressBar.
- W stanie ukryć ścieżkę poziomego ProgressBar ramy.
- Używany jako zamiennik programu Framework ProgressBar.
Aby dodać jako zależność gradle:
compile 'me.zhanghai.android.materialprogressbar:library:1.1.7'
Aby dodać ProgressBar bez wewnętrznego dopełnienia do układu:
<me.zhanghai.android.materialprogressbar.MaterialProgressBar
android:layout_width="wrap_content"
android:layout_height="4dp"
android:indeterminate="true"
app:mpb_progressStyle="horizontal"
app:mpb_useIntrinsicPadding="false"
style="@style/Widget.MaterialProgressBar.ProgressBar.Horizontal" />
app:mpb_useIntrinsicPadding="false"
Zrób sztuczkę. Aby uzyskać więcej informacji, zobacz stronę GitHub .
Jeśli ktoś nadal potrzebuje pomocy, może spróbować:
<androidx.core.widget.ContentLoadingProgressBar
android:id="@+id/progress"
android:layout_width="match_parent"
android:layout_height="wrap_content"
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/guideline"
android:indeterminate="true"
android:visibility="visible"
app:layout_constraintBottom_toTopOf="@+id/guideline" />
Tutaj pasek postępu znajduje się wewnątrz ConstraintLayout , a atrybuty constraintTop_toTopOf i constraintBottom_toTopOf muszą zostać zastosowane do tego samego elementu (w tym przypadku jest to wytyczna).
*** KOMPLETNE ROZWIĄZANIE: ***
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="48dp">
<View
android:id="@+id/guideline"
android:layout_width="0dp"
android:layout_height="0dp"
android:orientation="vertical"
android:visibility="invisible"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" />
<ProgressBar
android:id="@+id/progress_bar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:indeterminate="true"
app:layout_constraintBottom_toTopOf="@+id/guideline"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/guideline" />
</androidx.constraintlayout.widget.ConstraintLayout>
Możliwe jest narysowanie wyśrodkowanego w pionie paska ProgressBar wewnątrz elementu nadrzędnego, który spowodowałby obcięcie wypełnienia. Ponieważ ProgressBar nie może narysować siebie większego niż element nadrzędny, musimy utworzyć dużego rodzica, aby umieścić go w widoku wycinania.
<FrameLayout
android:id="@+id/clippedProgressBar"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="4dp"
tools:ignore="UselessParent">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="16dp"
android:layout_gravity="center_vertical">
<ProgressBar
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:indeterminate="true"/>
</FrameLayout>
</FrameLayout>
Aby usunąć pionowe wypełnienie ProgressBar
, możesz to zrobić za pomocą
ProgressBar
Przykład zawiera 1 wrap_content ProgressBar
, 1 8dp ProgressBar
1 100dpProgressBar
<ProgressBar
style="?android:attr/progressBarStyleHorizontal"
...
android:layout_height="8dp"
android:scaleY="2" />
Pełne rozwiązanie tego problemu byłoby następujące. Na wszelki wypadek, gdyby ktoś potrzebował fragmentów kodu, tak właśnie zrobiłem.
Oto progress_indeterminate_horizontal_holo.xml
<animation-list
xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<item android:drawable="@drawable/progressbar_indeterminate_holo1" android:duration="50" />
<item android:drawable="@drawable/progressbar_indeterminate_holo2" android:duration="50" />
<item android:drawable="@drawable/progressbar_indeterminate_holo3" android:duration="50" />
<item android:drawable="@drawable/progressbar_indeterminate_holo4" android:duration="50" />
<item android:drawable="@drawable/progressbar_indeterminate_holo5" android:duration="50" />
<item android:drawable="@drawable/progressbar_indeterminate_holo6" android:duration="50" />
<item android:drawable="@drawable/progressbar_indeterminate_holo7" android:duration="50" />
<item android:drawable="@drawable/progressbar_indeterminate_holo8" android:duration="50" />
Zasoby stylów skopiowane do mojego lokalnego pliku stylów.
<style name="Widget">
<item name="android:textAppearance">@android:attr/textAppearance</item>
</style>
<style name="Widget.ProgressBar">
<item name="android:indeterminateOnly">true</item>
<item name="android:indeterminateBehavior">repeat</item>
<item name="android:indeterminateDuration">3500</item>
</style>
<style name="Widget.ProgressBar.Horizontal">
<item name="android:indeterminateOnly">false</item>
<item name="android:indeterminateDrawable">@drawable/progress_indeterminate_horizontal_holo</item>
</style>
I na koniec ustaw minimalną wysokość na 4 dp w moim lokalnym pliku układu.
<ProgressBar
android:id="@+id/pb_loading"
style="@style/Widget.ProgressBar.Horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:indeterminate="true"
android:minHeight="4dp"
android:minWidth="48dp"
android:progressDrawable="@drawable/progress_indeterminate_horizontal_holo" />
<your-sdk-folder>/platforms/android-17/data/res/drawable-hdpi/
Napotkałem ten sam problem podczas korzystania z progressbar w stylu poziomym.
Podstawową przyczyną jest to, że domyślny pasek postępu z 9 łatkami do rysowania: (progress_bg_holo_dark.9.png) ma kilka pionowych przezroczystych pikseli jako wypełnienie.
Ostateczne rozwiązanie, które zadziałało dla mnie: dostosuj postęp do rysowania, mój przykładowy kod w następujący sposób:
custom_horizontal_progressbar_drawable.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape android:shape="rectangle">
<solid android:color="#33ffffff" />
</shape>
</item>
<item android:id="@android:id/secondaryProgress">
<clip>
<shape android:shape="rectangle">
<solid android:color="#ff9800" />
</shape>
</clip>
</item>
<item android:id="@android:id/progress">
<clip>
<shape android:shape="rectangle">
<solid android:color="#E91E63" />
</shape>
</clip>
</item>
</layer-list>
fragment układu:
<ProgressBar
android:id="@+id/song_progress_normal"
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="5dp"
android:layout_alignParentBottom="true"
android:progressDrawable="@drawable/custom_horizontal_progressbar_drawable"
android:progress="0"/>
Jedna sztuczka polega na dodaniu ujemnych marginesów do paska postępu.
Poniżej znajduje się przykład kodu XML, zakładając, że znajduje się on na górze ekranu:
<ProgressBar
android:id="@+id/progressBar"
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="-7dp"
android:layout_marginBottom="-7dp"
android:indeterminate="true" />
Odpowiedź Subina wydaje się być jedyną (obecnie), która nie jest delikatnym hackiem, który może zepsuć się w przyszłych wersjach Androida ProgressBar.
Ale zamiast kłopotać się wyłamywaniem zasobów, modyfikowaniem ich i utrzymywaniem ich w nieskończoność, zdecydowałem się użyć biblioteki MaterialProgressBar , która robi to za nas:
<me.zhanghai.android.materialprogressbar.MaterialProgressBar
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:indeterminate="true"
android:layout_gravity="bottom"
custom:mpb_progressStyle="horizontal"
custom:mpb_showTrack="false"
custom:mpb_useIntrinsicPadding="false"
style="@style/Widget.MaterialProgressBar.ProgressBar.Horizontal.NoPadding"
/>
W build.gradle:
// Android horizontal ProgressBar doesn't allow removal of top/bottom padding
compile 'me.zhanghai.android.materialprogressbar:library:1.1.6'
Ten projekt ma fajne demo, które pokazuje różnice między nim a wbudowanym ProgressBar.
jeśli ktoś wciąż szuka rozwiązania - sprawdź ten komentarz
ustaw minimalną wysokość na 4 dp
android:minHeight="4dp"
-
<ProgressBar
android:id="@+id/web_view_progress_bar"
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:indeterminate="false"
android:max="100"
android:min="0"
android:progress="5"
android:minHeight="4dp"
android:progressTint="@color/vodafone_red"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:progress="60" />
Używam minHeight i maxHeigh. Pomaga w różnych wersjach API.
<ProgressBar
android:id="@+id/progress_bar"
style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:maxHeight="3dp"
android:minHeight="3dp" />
Musi używać obu. Api 23 działa dobrze z platformami
android:layout_height="wrap_content"
android:minHeight="0dp"
Ale niższe wersje interfejsu API zwiększają wysokość paska postępu do maxHeight w tym przypadku.
Spróbuj wykonać następujące czynności:
<ProgressBar
android:id="@+id/progress_bar"
style="@android:style/Widget.ProgressBar.Horizontal"
android:progress="25"
android:progressTint="@color/colorWhite"
android:progressBackgroundTint="@color/colorPrimaryLight"
android:layout_width="match_parent"
android:layout_height="4dp" />
... a następnie skonfiguruj pasek postępu do swoich potrzeb, ponieważ początkowo będzie wyświetlał średni pasek z żółtym odcieniem postępu z szarawym odcieniem postępu. Zwróć też uwagę, że nie ma dopełnienia pionowego.
Użyj w ten sposób, wewnątrz Linearlayout
<LinearLayout
android:layout_width="match_parent"
android:background="#efefef"
android:layout_height="wrap_content">
<ProgressBar
android:id="@+id/progressBar"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:indeterminate="true"
android:visibility="gone"
android:layout_marginTop="-7dp"
android:layout_marginBottom="-7dp"
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
/>
</LinearLayout>
dodanie android: progressDrawable do listy warstw zdefiniowanej w drawable rozwiązało problem. Działa poprzez maskowanie paska postępu w niestandardowym rysunku
przykładowa implementacja opisana na https://stackoverflow.com/a/4454450/1145905
Używam style="@style/Widget.AppCompat.ProgressBar.Horizontal"
i dość łatwo było pozbyć się marginesów. Ten styl to:
<item name="progressDrawable">@drawable/progress_horizontal_material</item>
<item name="indeterminateDrawable">@drawable/progress_indeterminate_horizontal_material</item>
<item name="minHeight">16dip</item>
<item name="maxHeight">16dip</item>
Właśnie przekroczyłem minimalną / maksymalną wysokość:
<ProgressBar
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="2dp"
android:indeterminate="true"
android:minHeight="2dp"
android:maxHeight="2dp" />
Nie trzeba pobierać żadnego nowego modułu ani nawet umieszczać układu FrameLayout na pasku postępu. To wszystko to tylko hacki. Tylko 2 kroki:
W pliku what.xml
<ProgressBar
android:id="@+id/workoutSessionGlobalProgress"
android:layout_width="match_parent"
android:layout_height="YOUR_HEIGHT"
android:progressDrawable="@drawable/progress_horizontal"
android:progress="0"
<!-- High value to make ValueAnimator smoother -->
android:max="DURATION * 1000"
android:indeterminate="false"
style="@style/Widget.MaterialProgressBar.ProgressBar.Horizontal"/>
progress_horizontal.xml, Zmień wartości według własnego uznania.
Nie lubisz zaokrąglonych rogów?
Usuń promień narożnika
Nie lubisz kolorów? Zmień kolory itp. Gotowe!
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape>
<corners android:radius="5dip" />
<gradient
android:startColor="#ff9d9e9d"
android:centerColor="#ff5a5d5a"
android:centerY="0.75"
android:endColor="#ff747674"
android:angle="270"
/>
</shape>
</item>
<item android:id="@android:id/secondaryProgress">
<clip>
<shape>
<corners android:radius="5dip" />
<gradient
android:startColor="#80ffd300"
android:centerColor="#80ffb600"
android:centerY="0.75"
android:endColor="#a0ffcb00"
android:angle="270"
/>
</shape>
</clip>
</item>
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="5dip" />
<gradient
android:startColor="#ffffd300"
android:centerColor="#ffffb600"
android:centerY="0.75"
android:endColor="#ffffcb00"
android:angle="270"
/>
</shape>
</clip>
</item>
</layer-list>
Ogólnie rzecz biorąc, są to kroki, aby zmienić kod czegoś, czego nie lubisz. Po prostu znajdź kod źródłowy i dowiedz się, co zmienić. Jeśli zastosujesz się do kodu źródłowego ProgressBar, znajdziesz plik o nazwie progress_horizontal.xml, do którego się on odnosi. Zasadniczo, jak rozwiązuję wszystkie moje problemy z XML.
<ProgressBar
android:layout_marginTop="-8dp"
android:layout_marginLeft="-8dp"
android:layout_marginRight="-8dp"
android:id="@+id/progress_bar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="4dp"
android:indeterminate="false"
android:indeterminateTint="@color/white"
android:max="100"
android:paddingStart="8dp"
android:paddingRight="0dp"
android:progressDrawable="@drawable/progress_bg" />
<androidx.core.widget.ContentLoadingProgressBar
android:id="@+id/progressBar"
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:indeterminate="true"
android:paddingTop="2dp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toTopOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"/>
Po prostu skorzystaj z Material ProgressIndicator, który nie ma ukrytego marginesu.
<com.google.android.material.progressindicator.ProgressIndicator
android:id="@+id/progressBar"
style="@style/Widget.MaterialComponents.ProgressIndicator.Linear.Indeterminate"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:indicatorColor="@color/colorPrimary"
app:trackColor="@color/colorAccent" />
Proste rozwiązanie bez sztuczek, które jest kompatybilne z każdą wersją Androida i nie wymaga zewnętrznych bibliotek, udaje ProgressBar
z dwoma w Views
środkuLinearLayout
. Na tym skończyłem. Wygląda całkiem schludnie, a to podejście jest dość elastyczne - możesz animować go w zabawny sposób, dodawać tekst itp.
Układ:
<LinearLayout
android:id="@+id/inventory_progress_layout"
android:layout_width="match_parent"
android:layout_height="4dp"
android:orientation="horizontal">
<TextView
android:id="@+id/inventory_progress_value"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<TextView
android:id="@+id/inventory_progress_remaining"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
Kod:
public void setProgressValue(float percentage) {
TextView progressValue = (TextView) findViewById(R.id.inventory_progress_value);
TextView progressRemaining = (TextView) findViewById(R.id.inventory_progress_remaining);
LinearLayout.LayoutParams paramsValue = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
LinearLayout.LayoutParams paramsRemaining = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
paramsValue.weight = (100 - percentage);
paramsRemaining.weight = percentage;
progressValue.setLayoutParams(paramsValue);
progressRemaining.setLayoutParams(paramsRemaining);
}
Wynik (po dodaniu pewnej wysokości):
Najlepszym rozwiązaniem powinno być
android:minHeight="0dp"
Brak obejścia i działa jak urok.
minHeight
wstępnie zdefiniowane, które jest większe niż 0 (powiedzmy, że może 32dp). Zmieniając tę właściwość, uzyskasz inny wygląd.
maxHeight
nie działa.