Circulaire de la Barre de Progression ( pour un compte à rebours )

Ok, donc j'ai un compte à rebours de 15 secondes qui fonctionne parfaitement bien et je voudrais faire un personnalisé circulaire de la barre de progression pour la minuterie.

Je veux créer un cercle complet qui obtient des "tranches de la tarte (cercle)" sorti comme le timer va vers le bas jusqu'à ce qu'il n'est plus un cercle.

Je préfère faire des formes moi-même que de l'utilisation de pré-rendu des images parce que j'aimerais que la qualité est bonne sur n'importe quel téléphone. Comment pourrais-je aller à ce sujet? Merci!

InformationsquelleAutor David Baez | 2013-11-15

J'ai trouvé cet exemple très bonne: http://mrigaen.blogspot.it/2013/12/create-circular-progress-bar-in-android.html

Donc j'ai créé ma barre de progression de cette façon

<ProgressBar
    android:id="@+id/barTimer"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_centerInParent="true"
    android:progressDrawable="@drawable/circular_progress_bar" />

Puis j'ai fait une fonction pour le compte à rebours où:

private void startTimer(final int minuti) {
    countDownTimer = new CountDownTimer(60 * minuti * 1000, 500) {
        //500 means, onTick function will be called at every 500 milliseconds

        @Override
        public void onTick(long leftTimeInMilliseconds) {
            long seconds = leftTimeInMilliseconds /1000;
            int barVal= (barMax) - ((int)(seconds/60*100)+(int)(seconds%60));
            barTimer.setProgress(barVal);
            textTimer.setText(String.format("%02d", seconds/60) + ":" + String.format("%02d", seconds%60));
            //format the textview to show the easily readable format

        }
        @Override
        public void onFinish() {
            if(textTimer.getText().equals("00:00")){
                textTimer.setText("STOP");          
            }
            else{
                textTimer.setText("2:00");
            }
        }
    }.start();

}

Mise à JOUR

private void startTimer(final int minuti) {
    countDownTimer = new CountDownTimer(60 * minuti * 1000, 500) {
        //500 means, onTick function will be called at every 500 milliseconds

        @Override
        public void onTick(long leftTimeInMilliseconds) {
            long seconds = leftTimeInMilliseconds /1000;
            barTimer.setProgress((int)seconds);
            textTimer.setText(String.format("%02d", seconds/60) + ":" + String.format("%02d", seconds%60));
            //format the textview to show the easily readable format

        }
        @Override
        public void onFinish() {
            if(textTimer.getText().equals("00:00")){
                textTimer.setText("STOP"); 
            }
            else{
                textTimer.setText("2:00");
                barTimer.setProgress(60*minuti);
            }
        }
    }.start();

}

Dans cette ligne, int barVal= (barMax) - ((int)(secondes/60*100)+(int)(secondes%60)); - qu'est-Ce que barMax?
qu'est-ce que barMax? @Grace Pii
BarMax, c'est le maximum de la valeur à partir de laquelle le compte à rebours commencera. Dans mon cas, à propos de je commence à partir de 2 minutes, barMax est de 2 minutes. Et puis j'ai soustraire secondes d'elle!
J'ai essayé cette fonction, mais j'obtiens une erreur au barMax, je suis arriver exception de pointeur null. quelle est la valeur que vous avez donné à barMax?
Comment j'ai écrit ci-dessus, BarMax est la valeur à partir de laquelle le compte à rebours commence. Je voulais qu'il a commencé à partir de 2 minutes, donc j'ai mis barMax=2 minutes. J'ai changé le code que j'ai écrit ce post. Maintenant, il est comme je l'ai écrit dans la mise à jour ci-dessus.
J'ai commencé ce timer comme startTimer(2); textview a commencé à changer sa valeur, mais la barre de progression n'a pas.
Avez-vous fixé la barre de progression valeur max?

InformationsquelleAutor Grancein

3

Pour la création de composants personnalisés, veuillez vérifier L'API Android Guide. Extrait de Base de l'Approche:
1. Étendre une Vue existante de la classe ou sous-classe avec votre propre classe.
2. Remplacer certaines des méthodes de la classe mère. La super-classe de méthodes pour remplacer commencer avec "on", par exemple, onDraw(),
  onMeasure(), et onKeyDown(). Ceci est similaire à la sur les événements...
  Activité ou ListActivity que vous remplacer pour le cycle de vie et les autres
  la fonctionnalité de crochets.
3. Utilisez votre nouvelle extension de la classe. Une fois terminé, votre nouvelle classe d'extension peut être utilisé à la place de la vue sur laquelle il est fondé.
Vérifiez également Todd Davies Progrès de la Roue à https://github.com/Todd-Davies/ProgressWheel, cela devrait vous obtenir a commencé.

InformationsquelleAutor Melquiades

Lisse cercle la barre de progression de la minuterie

XML Mise en page:

activity_main

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/reativelayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<ProgressBar
android:id="@+id/progressbar_timerview"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="260dp"
android:layout_height="260dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:layout_gravity="center_horizontal|bottom"
android:indeterminate="false"
android:progressDrawable="@drawable/circleshape2_timerview" />
<TextView
android:id="@+id/textView_timerview_time"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:alpha="0.6"
android:background="@drawable/circleshape_timerview"
android:gravity="center"
android:text="00:00"
android:textColor="@android:color/black"
android:textSize="20sp"
android:textStyle="bold" />
<ProgressBar
android:id="@+id/progressbar1_timerview"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="260dp"
android:layout_height="260dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:layout_gravity="center_horizontal|center"
android:indeterminate="false"
android:progressDrawable="@drawable/circleshape1_timerview"
android:visibility="gone" />
<Button
android:id="@+id/button_timerview_start"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_centerHorizontal="true"
android:background="@android:color/transparent"
android:text="Start !"
android:textAllCaps="false"
android:textSize="20sp"
android:textStyle="italic" />
<Button
android:id="@+id/button_timerview_stop"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_centerHorizontal="true"
android:background="@android:color/transparent"
android:text="Stop !"
android:layout_marginTop="30dp"
android:textAllCaps="false"
android:textSize="20sp"
android:visibility="invisible"
android:textStyle="italic"
/>
<EditText
android:id="@+id/textview_timerview_back"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:gravity="center"
android:padding="5dp"
android:layout_marginBottom="30dp"
android:textSize="35sp"
android:hint=""/>
</RelativeLayout>

Drawable fichier:

circleshape2_timerview

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/progress">
<shape
android:innerRadiusRatio="5"
android:shape="ring"
android:thicknessRatio="20.0"
android:useLevel="false"
android:visible="true">
<gradient
android:centerColor="#FF00"
android:endColor="#FF00"
android:startColor="#FF00ff"
android:type="sweep" />
</shape>
</item>
</layer-list>

circleshape1_timerview

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/progress">
<rotate
android:fromDegrees="270"
android:toDegrees="-90">
<shape
android:innerRadiusRatio="5"
android:shape="ring"
android:thicknessRatio="20.0"
android:useLevel="true"
android:visible="true">
<gradient
android:centerColor="#FF00"
android:endColor="#FF00"
android:startColor="#FF00ff"
android:type="sweep" />
</shape>
</rotate>
</item>
</layer-list>

circleshape_timerview

 <selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="oval">
<solid android:color="#bbb"/>
</shape>
</item>
</selector>

Activité:

MainActivity

 import android.app.Activity;
import android.os.Bundle;
import android.os.CountDownTimer;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity implements OnClickListener {
int i = -1;
ProgressBar mProgressBar, mProgressBar1;
private Button buttonStartTime, buttonStopTime;
private EditText edtTimerValue;
private TextView textViewShowTime;
private CountDownTimer countDownTimer;
private long totalTimeCountInMilliseconds;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
buttonStartTime = (Button) findViewById(R.id.button_timerview_start);
buttonStopTime = (Button) findViewById(R.id.button_timerview_stop);
textViewShowTime = (TextView)  
findViewById(R.id.textView_timerview_time);
edtTimerValue = (EditText) findViewById(R.id.textview_timerview_back);
buttonStartTime.setOnClickListener(this);
buttonStopTime.setOnClickListener(this);
mProgressBar = (ProgressBar) findViewById(R.id.progressbar_timerview);
mProgressBar1 = (ProgressBar) findViewById(R.id.progressbar1_timerview);
}
@Override
public void onClick(View v) {
if (v.getId() == R.id.button_timerview_start) {
setTimer();
buttonStartTime.setVisibility(View.INVISIBLE);
buttonStopTime.setVisibility(View.VISIBLE);
mProgressBar.setVisibility(View.INVISIBLE);
startTimer();
mProgressBar1.setVisibility(View.VISIBLE);
} else if (v.getId() == R.id.button_timerview_stop) {
countDownTimer.cancel();
countDownTimer.onFinish();
mProgressBar1.setVisibility(View.GONE);
mProgressBar.setVisibility(View.VISIBLE);
edtTimerValue.setVisibility(View.VISIBLE);
buttonStartTime.setVisibility(View.VISIBLE);
buttonStopTime.setVisibility(View.INVISIBLE);
}
}
private void setTimer(){
int time = 0;
if (!edtTimerValue.getText().toString().equals("")) {
time = Integer.parseInt(edtTimerValue.getText().toString());
} else
Toast.makeText(MainActivity.this, "Please Enter Minutes...",  
Toast.LENGTH_LONG).show();
totalTimeCountInMilliseconds =  time * 1000;
mProgressBar1.setMax( time * 1000);
}
private void startTimer() {
countDownTimer = new CountDownTimer(totalTimeCountInMilliseconds, 1) {
@Override
public void onTick(long leftTimeInMilliseconds) {
long seconds = leftTimeInMilliseconds /1000;
mProgressBar1.setProgress((int) (leftTimeInMilliseconds));
textViewShowTime.setText(String.format("%02d", seconds /60)
+ ":" + String.format("%02d", seconds % 60));
}
@Override
public void onFinish() {
textViewShowTime.setText("00:00");
textViewShowTime.setVisibility(View.VISIBLE);
buttonStartTime.setVisibility(View.VISIBLE);
buttonStopTime.setVisibility(View.VISIBLE);
mProgressBar.setVisibility(View.VISIBLE);
mProgressBar1.setVisibility(View.GONE);
}
}.start();
}
}

Œuvres de l'homme génial. Merci beaucoup Suresh
Merci d'Andromède

InformationsquelleAutor suresh madaparthi

Vous devez vous connecter pour publier un commentaire.