Wie erstellt man ein YouTube-ähnliches Abstimmungsdiagramm auf Android?

Question

Auf YouTube gibt es eine Zeile, die basierend auf Vorlieben und Abneigungen in grün und rot unterteilt ist. Ich würde gerne etwas Ähnliches in meiner App implementieren und vielleicht sogar eine Animation für den Farb-/Linieneingang. Ich habe derzeit eine JSON-Datei mit der Anzahl der Upvotes und Downvotes. Wie würdest du es schaffen?

Answer 1

Mit ProgressBar, die uns bereits zur Verfügung steht, können wir einen Fortschrittsbalken schaffen, die die Anzahl von bis Stimmen zeigt vs. nach unten Stimmen wie folgt:

your_activity.xml, werden Sie es positionieren müssen wo Sie wollen

<ProgressBar 
    android:indeterminate="false" 
    android:id="@+id/prgrsbar" 
    style="?android:attr/progressBarStyleHorizontal" 
    android:progress="0" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" /> 

YourActivity.java

ProgressBar progressBar = (ProgressBar) findViewById(R.id.prgrsbar); 

int upVote = 300; //JSON upvote data goes here 
int downVote = 100; //JSON downvote data goes here 

int total = upVote + downVote; 
float upVotePercentage = (float)upVote/total; 
int upVoteRounded = Math.round(upVotePercentage * 100); 

progressBar.setProgress(upVoteRounded)