Personnalisé Drawable pour ProgressBar/ProgressDialog

La lecture de la documentation limitée que Google a fourni, j'ai le sentiment qu'il est possible de changer l'apparence (drawable) d'une ProgressBar/ProgressDialog en créant tout simplement un nouveau style une de l'affecter à la propriété de style de la ProgressBar. Mais je ne peux pas obtenir que cela fonctionne correctement. Voici ce que j'ai fait jusqu'à présent:

J'ai créé une forme comme celle-ci (mp2.xml)

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="ring"
  android:innerRadiusRatio="4"
  android:thicknessRatio="4"
  android:useLevel="false">
 <size android:width="50dip" android:height="50dip" />
 <gradient android:type="sweep" android:useLevel="false" android:startColor="#300000ff" android:centerColor="#500000ff" android:endColor="#ff0000ff" />
</shape>

ensuite créé une animation (mp3.xml) comme ceci:

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false">
<item android:duration="70">
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/mp2" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="0" android:toDegrees="30" android:repeatCount="1" />
</item>
<item android:duration="70">
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/mp2" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="30" android:toDegrees="60" android:repeatCount="1" />
</item>
<item android:duration="70">
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/mp2" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="60" android:toDegrees="90" android:repeatCount="1" />
</item>
<item android:duration="70">
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/mp2" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="90" android:toDegrees="120" android:repeatCount="1" />
</item>
<item android:duration="70">
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/mp2" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="120" android:toDegrees="150" android:repeatCount="1" />
</item>
<item android:duration="70">
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/mp2" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="150" android:toDegrees="180" android:repeatCount="1" />
</item>
<item android:duration="70">
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/mp2" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="180" android:toDegrees="210" android:repeatCount="1" />
</item>
<item android:duration="70">
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/mp2" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="210" android:toDegrees="240" android:repeatCount="1" />
</item>
<item android:duration="70">
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/mp2" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="240" android:toDegrees="270" android:repeatCount="1" />
</item>
<item android:duration="70">
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/mp2" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="270" android:toDegrees="300" android:repeatCount="1" />
</item>
<item android:duration="70">
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/mp2" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="300" android:toDegrees="330" android:repeatCount="1" />
</item>
<item android:duration="70">
<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/mp2" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="330" android:toDegrees="360" android:repeatCount="1" />
</item>
</animation-list>

ensuite créé un style (attrs.xml) comme ceci:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<style parent="@android:style/Widget.ProgressBar" name="customProgressBar">
<item name="android:progressDrawable">@anim/mp3</item>
</style>
</resources>

et le mon main.xml j'ai mis le style comme ceci:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" android:drawingCacheQuality="high">
<ProgressBar android:id="@+id/ProgressBar01"
android:layout_width="wrap_content"
android:layout_height="wrap_content" style="@style/customProgressBar"/>
</LinearLayout>

Mais il affiche toujours le même dessiné comme avant. Ce que je fais mal?

Vient de se passer à la navigation des échantillons et suis tombé sur le vôtre après la lecture de ceci. Espérons que cela résout votre problème.
Je savais comment créer des formes/gradiant/animation. Celui que j'ai créé ci-dessus est basé sur l'affichage l'on se réfère à (j'ai dû changer un peu becase il a l'air très instable et lent). J'espérais juste pour être en mesure de réaliser cela en utilisant le "style". Merci pour la reponce de toute façon
Si vous souhaitez personnaliser votre barre de progression et de vraiment faire de la fantaisie ont un coup d'oeil à ce post Il pourrait être un peu au-delà de ce que tu voulais, ou peut-être juste ce que vous cherchez. Espérons que cela aide!

InformationsquelleAutor Sam | 2010-05-12

135

J'ai utilisé les méthodes suivantes pour créer une barre de progression personnalisée.

Fichier res/drawable/progress_bar_states.xml déclare les couleurs des différents états:
```
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape>
<gradient
android:startColor="#000001"
android:centerColor="#0b131e"
android:centerY="0.75"
android:endColor="#0d1522"
android:angle="270"
/>
</shape>
</item>
<item android:id="@android:id/secondaryProgress">
<clip>
<shape>
<gradient
android:startColor="#234"
android:centerColor="#234"
android:centerY="0.75"
android:endColor="#a24"
android:angle="270"
/>
</shape>
</clip>
</item>
<item android:id="@android:id/progress">
<clip>
<shape>
<gradient
android:startColor="#144281"
android:centerColor="#0b1f3c"
android:centerY="0.75"
android:endColor="#06101d"
android:angle="270"
/>
</shape>
</clip>
</item>
</layer-list>
```
Et le code à l'intérieur de votre mise en page xml:
```
<ProgressBar android:id="@+id/progressBar"
android:progressDrawable="@drawable/progress_bar_states"
android:layout_width="fill_parent" android:layout_height="8dip" 
style="?android:attr/progressBarStyleHorizontal" 
android:indeterminateOnly="false" 
android:max="100">
</ProgressBar>
```
Profitez-en!
- génial, ça fonctionne même avec un drawable de cette façon
- fonctionne de cette façon, mais je ne pouvais pas le faire fonctionner avec un drawable
- est-ce parce que l'un drawable ne sont pas dans le clip éléments? Je ne pouvais pas le faire fonctionner, soit, à suspecter le clip élément est la clé.
- comment faire pour une ProgressDialog ?
- Je ne peux pas vous donner le code exact ou des échantillons, mais c'est ce que vous devez faire. Fournir un thème personnalisé à la ProgressDialog. Le thème personnalisé serait de définir la progressbar style.
- que dieu vous bénisse. il a travaillé avec mon 18 un drawable parfaitement!
- Il serait agréable de voir une capture d'écran de cette chose en action
- Je sais que sa fait un certain temps, mais comment pourrais-je faire ce drawable plus petit en hauteur??
- peut-on définir le max-largeur de la barre de progression dans ce drawable?
- dans le cas où il ne fonctionne pas pour quelqu'un, assurez-vous que vous êtes, y compris <clip> balises. Simplement laisser ici.
InformationsquelleAutor Jona
53

J'ai eu quelques problèmes à l'aide d'une Progression Indéterminée Dialogue avec la solution ici, après un peu de travail et d'essai et d'erreur je l'ai eu à travailler.

Tout d'abord, créer de l'animation que vous souhaitez utiliser pour la boîte de Dialogue de Progression. Dans mon cas, j'ai utilisé 5 images.

../res/anim/progress_dialog_icon_drawable_animation.xml:
```
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/icon_progress_dialog_drawable_1" android:duration="150" />
<item android:drawable="@drawable/icon_progress_dialog_drawable_2" android:duration="150" />
<item android:drawable="@drawable/icon_progress_dialog_drawable_3" android:duration="150" />
<item android:drawable="@drawable/icon_progress_dialog_drawable_4" android:duration="150" />
<item android:drawable="@drawable/icon_progress_dialog_drawable_5" android:duration="150" />
</animation-list>
```
Où vous souhaitez afficher un ProgressDialog:
```
dialog = new ProgressDialog(Context.this);
dialog.setIndeterminate(true);
dialog.setIndeterminateDrawable(getResources().getDrawable(R.anim.progress_dialog_icon_drawable_animation));
dialog.setMessage("Some Text");
dialog.show();
```
Cette solution est vraiment simple et travaillé pour moi, vous pouvez étendre ProgressDialog et de substituer le drawable en interne, cependant, c'était vraiment trop compliqué pour ce que j'ai besoin, alors je ne l'ai pas.
- Merci de noter "boîte de dialogue.setIndeterminateDrawable()"
- merci beaucoup pour cette solution, vous m'avez sauvé beaucoup de temps.
- Est-il possible d'avoir juste une image dans la boîte de dialogue, donc pas de message, mais un drawable dans l'ensemble du dialogue?
- Je n'ai pas essayé, mais je ne vois pas pourquoi pas. Avez-vous essayé d'utiliser un drawable qui prendrait tout l'espace que vous voulais (c'est à dire avait un long rapport d'aspect) et de ne pas établir de texte de la boîte de Dialogue?
InformationsquelleAutor blindstuff

Essayez de définir:

android:indeterminateDrawable="@drawable/progress"

Il a travaillé pour moi. Voici le code de progress.xml:

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:pivotX="50%" android:pivotY="50%" android:fromDegrees="0"
android:toDegrees="360">
<shape android:shape="ring" android:innerRadiusRatio="3"
android:thicknessRatio="8" android:useLevel="false">
<size android:width="48dip" android:height="48dip" />
<gradient android:type="sweep" android:useLevel="false"
android:startColor="#4c737373" android:centerColor="#4c737373"
android:centerY="0.50" android:endColor="#ffffd300" />
</shape>
</rotate>

Merci, travaillé pour la circulaire de la barre de progression.
Si vous souhaitez utiliser un drawable puis juste android:drawable= dans la rotation de la balise, puis supprimer la forme. Enfin quelqu'un qui répond à la filature de la barre de progression question.
Il définit la couleur mais la barre de progression n'est pas en rotation

InformationsquelleAutor mudit

Votre style devrait ressembler à ceci:

<style parent="@android:style/Widget.ProgressBar" name="customProgressBar">
<item name="android:indeterminateDrawable">@anim/mp3</item>
</style>

InformationsquelleAutor Victor

De progression personnalisée avec l'échelle!

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:duration="150">
<scale
android:drawable="@drawable/face_no_smile_eyes_off"
android:scaleGravity="center" />
</item>
<item android:duration="150">
<scale
android:drawable="@drawable/face_no_smile_eyes_on"
android:scaleGravity="center" />
</item>
<item android:duration="150">
<scale
android:drawable="@drawable/face_smile_eyes_off"
android:scaleGravity="center" />
</item>
<item android:duration="150">
<scale
android:drawable="@drawable/face_smile_eyes_on"
android:scaleGravity="center" />
</item>
</animation-list>

InformationsquelleAutor Dmitry

5

je n'votre code .je peux courir mais j'ai besoin de modifier deux endroits:
1. name="android:indeterminateDrawable" au lieu de android:progressDrawable
2. modifier le nom de attrs.xml ---> styles.xml
- Je l'ai essayé. Il n'a pas de travail. Le drawable ne change pas.
- vous modifiez votre android:startColor="#300000ff“ à #FF00ff00,de modifier d'une autre couleur
InformationsquelleAutor pengwang
0

Je ne suis pas sûr, mais dans ce cas vous pouvez toujours aller avec un ensemble complet personnalisé AlertDialog en ayant un autre fichier de mise en page définie dans la boîte de dialogue d'alerte et de définir l'animation pour votre imageview, en utilisant une partie de votre code ci-dessus, qui devrait aussi faire!

InformationsquelleAutor Jayshil Dave

public class CustomProgressBar {
private RelativeLayout rl;
private ProgressBar mProgressBar;
private Context mContext;
private String color__ = "#FF4081";
private ViewGroup layout;
public CustomProgressBar (Context context, boolean isMiddle, ViewGroup layout) {
initProgressBar(context, isMiddle, layout);
}
public CustomProgressBar (Context context, boolean isMiddle) {
try {
layout = (ViewGroup) ((Activity) context).findViewById(android.R.id.content).getRootView();
} catch (Exception e) {
e.printStackTrace();
}
initProgressBar(context, isMiddle, layout);
}
void initProgressBar(Context context, boolean isMiddle, ViewGroup layout) {
mContext = context;
if (layout != null) {
int padding;
if (isMiddle) {
mProgressBar = new ProgressBar(context, null, android.R.attr.progressBarStyleSmall);
//mProgressBar.setBackgroundResource(R.drawable.pb_custom_progress);//Color.parseColor("#55000000")
padding = context.getResources().getDimensionPixelOffset(R.dimen.padding);
} else {
padding = context.getResources().getDimensionPixelOffset(R.dimen.padding);
mProgressBar = new ProgressBar(context, null, android.R.attr.progressBarStyleSmall);
}
mProgressBar.setPadding(padding, padding, padding, padding);
mProgressBar.setBackgroundResource(R.drawable.pg_back);
mProgressBar.setIndeterminate(true);
try {
color__ = AppData.getTopColor(context);//UservaluesModel.getAppSettings().getSelectedColor();
} catch (Exception e) {
color__ = "#FF4081";
}
int color = Color.parseColor(color__);
//               color=getContrastColor(color);
//               color__ = color__.replaceAll("#", "");//R.color.colorAccent
mProgressBar.getIndeterminateDrawable().setColorFilter(color, android.graphics.PorterDuff.Mode.SRC_ATOP);
} 
}
RelativeLayout.LayoutParams params = new
RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.MATCH_PARENT);
RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
rl = new RelativeLayout(context);
if (!isMiddle) {
int valueInPixels = (int) context.getResources().getDimension(R.dimen.padding);
lp.setMargins(0, 0, 0, (int) (valueInPixels / 1.5));//(int) Utils.convertDpToPixel(valueInPixels, context));
rl.setClickable(false);
lp.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
} else {
rl.setGravity(Gravity.CENTER);
rl.setClickable(true);
}
lp.addRule(RelativeLayout.CENTER_IN_PARENT);
mProgressBar.setScaleY(1.55f);
mProgressBar.setScaleX(1.55f);
mProgressBar.setLayoutParams(lp);
rl.addView(mProgressBar);
layout.addView(rl, params);
}
}
public void show() {
if (mProgressBar != null)
mProgressBar.setVisibility(View.VISIBLE);
}
public void hide() {
if (mProgressBar != null) {
rl.setClickable(false);
mProgressBar.setVisibility(View.INVISIBLE);
}
}
}

Et ensuite appeler

customProgressBar = new CustomProgressBar (Activity, true);
customProgressBar .show();

InformationsquelleAutor VV W

Vous devez vous connecter pour publier un commentaire.