Barre de Progression personnalisée sous Android?

Je n'ai pas eu la moindre idée de comment faire cela. Ma barre de progression devrait être la forme de nuage. Quelqu'un peut-il me diriger vers un livre, tutoriel ou tout simplement donner la bonne méthode étape par étape?

Je vous remercie pour votre temps.

InformationsquelleAutor JehandadK | 2011-01-03

Comme le montre ici vous pouvez utiliser des vues d'images pour obtenir personnalisé de barre de défilement comme l'effet.

La mise en page XML pour la barre de progression personnalisée dans cet exemple est de:

<RelativeLayout android:id="@+id/RelativeLayout01"
    android:layout_width="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"
    android:gravity="center" android:layout_height="wrap_content"
    android:paddingLeft="30sp" android:paddingRight="30sp">
    <ImageView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:src="@drawable/progress_1"
        android:id="@+id/imgOne" android:tag="1"></ImageView>
    <ImageView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:src="@drawable/progress_2"
        android:id="@+id/imgTwo" android:layout_toRightOf="@id/imgOne"
        android:tag="2"></ImageView>
    <ImageView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:src="@drawable/progress_3"
        android:id="@+id/imgThree" android:layout_toRightOf="@id/imgTwo"
        android:tag="3"></ImageView>
    <TextView android:id="@+id/TextView01" android:layout_height="wrap_content"
        android:layout_toRightOf="@id/imgThree" android:layout_width="wrap_content"
        android:layout_alignTop="@id/imgThree" android:layout_alignBottom="@id/imgThree"
        android:gravity="bottom" android:text="Please Wait..."></TextView>
</RelativeLayout>

Et puis il crée une liste d'images dans la catégorie du fichier:

/**
 * Loads the layout and sets the initial set of images
 */
private void prepareLayout() {
    LayoutInflater inflater = (LayoutInflater) context
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    View view = inflater.inflate(R.layout.myprogressbar, null);
    addView(view);

    imageHolders = new ArrayList<ImageView>();
    imageHolders.add((ImageView) view.findViewById(R.id.imgOne));
    imageHolders.add((ImageView) view.findViewById(R.id.imgTwo));
    imageHolders.add((ImageView) view.findViewById(R.id.imgThree));

    //Prepare an array list of images to be animated
    images = new ArrayList<String>();

    images.add("progress_1");
    images.add("progress_2");
    images.add("progress_3");
    images.add("progress_4");
    images.add("progress_5");
    images.add("progress_6");
    images.add("progress_7");
    images.add("progress_8");
    images.add("progress_9");
}

Puis il démarre un Thread qui dort de plus de 0,3 secondes et appelle le gestionnaire avec handler.sendEmptyMessage(0); et enfin dans le Gestionnaire d'-il faire le reste du travail d'images:

@Override
public void handleMessage(Message msg) {
    int currentImage = 0;
    int nextImage = 0;
    //Logic to change the images
    for (ImageView imageView : imageHolders) {
        currentImage = Integer.parseInt(imageView.getTag().toString());
        if (currentImage < 9) {
            nextImage = currentImage + 1;
        } else {
            nextImage = 1;
        }
        imageView.setTag("" + nextImage);
        imageView.setImageResource(getResources().getIdentifier(
                images.get(nextImage - 1), "drawable",
                "com.beanie.example"));
    }
    super.handleMessage(msg);
}

Aussi jeter un oeil à ici et ici.

Vous avez fait ma journée. Exactement ce dont j'avais besoin.

InformationsquelleAutor Harry Joy

J'ai fini par utiliser la Barre de Progression personnalisée avec des Coins Ronds comme une fondation pour le mien que Harry Joie recommandé. Toutefois, si vous voulez la même fonctionnalité que android SDK version, telle que l' intermédiaire de la classe ProgressBar j'ai dû faire quelques modifications. Les changements que j'ai fait de permettre à un intermédiaire drawable être définies et d'animation.

Assurez-vous de suivre les instructions ici, mais de remplacer le RoundProgress classe avec ceci:

public class RoundProgress extends RelativeLayout {
private ImageView progressDrawableImageView;
private ImageView trackDrawableImageView;
private ImageView backGroundImageView;
private double max = 100;
private AttributeSet attrs2 ;
private Transformation mTransformation;
private AlphaAnimation mAnimation;
private int mBehavior;
private int mDuration;
private Interpolator mInterpolator;
private static Context ctx;
private int bgResource;
public int getMax() {
Double d = new Double(max);
return d.intValue();
}
public double getMaxDouble() {
return max;
}
public void setMax(int max) {
Integer maxInt = new Integer(max);
maxInt.doubleValue();
this.max = max;
}
public void setMax(double max) {
this.max = max;
}
public RoundProgress(Context context, AttributeSet attrs) {
super(context, attrs);
LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
inflater.inflate(R.layout.round_progress, this);
setup(context, attrs);
}
protected void setup(Context context, AttributeSet attrs)
{
attrs2 = attrs;
ctx = context;
TypedArray a = context.obtainStyledAttributes(attrs,
R.styleable.RoundProgress);
//setBackgroundResource(R.drawable.custom_loading_bg);
backGroundImageView = (ImageView) findViewById(R.id.background_image_view);
backGroundImageView.setBackgroundResource(R.drawable.custom_loading_bg);
final String xmlns="http://schemas.android.com/apk/res/com.digiphd.prospec";
bgResource = attrs.getAttributeResourceValue(xmlns,
"progressDrawable", 0);
progressDrawableImageView = (ImageView) findViewById(
R.id.progress_drawable_image_view);
progressDrawableImageView.setBackgroundResource(bgResource);
int trackResource = attrs.getAttributeResourceValue(xmlns, "track", 0);
trackDrawableImageView = (ImageView) findViewById(R.id.track_image_view);
trackDrawableImageView.setBackgroundResource(trackResource);
int progress = attrs.getAttributeIntValue(xmlns, "progress", 0);
setProgress(progress);
int max = attrs.getAttributeIntValue(xmlns, "max", 100);
setMax(max);
int numTicks = attrs.getAttributeIntValue(xmlns, "numTicks", 0);
a.recycle();
ProgressBarOutline outline = new ProgressBarOutline(context);
//addView(outline);
}
public void setProgress(Integer value)
{
setProgress((double) value);
}
public void setProgress(double value) {
ClipDrawable drawable = (ClipDrawable)
progressDrawableImageView.getBackground();
double percent = (double) value/ (double)max;
int level = (int)Math.floor(percent*10000);
drawable.setLevel(level);
}
public void setIntermediate(boolean t)
{
if(t){
progressDrawableImageView.setBackgroundResource(R.drawable.custom_intermediate_bg);
startAnimation();
}else{
progressDrawableImageView.clearAnimation();
progressDrawableImageView.setBackgroundResource(bgResource);
}
}
/**
* <p>Start the indeterminate progress animation.</p>
*/
void startAnimation() {
int visibility = getVisibility();
if (visibility != VISIBLE) {
return;
}
Log.d("INTERMEDIATE","ANIMATION START!");
mDuration = 1000;
if (mInterpolator == null) {
mInterpolator = new LinearInterpolator();
}
mTransformation = new Transformation();
mAnimation = new AlphaAnimation(0.0f, 1.0f);
mAnimation.setRepeatMode(Animation.REVERSE);
mAnimation.setRepeatCount(Animation.INFINITE);
mAnimation.setDuration(mDuration);
mAnimation.setInterpolator(mInterpolator);
mAnimation.setStartTime(Animation.START_ON_FIRST_FRAME);
progressDrawableImageView.startAnimation(mAnimation);
}
}

Maintenant dans votre activité, vous pouvez les appeler .setIntermediate(vrai ou faux) lorsque requis.

InformationsquelleAutor digiphd

Vous devez vous connecter pour publier un commentaire.