Wie erstellt man dieses Layout in Android?

Meine Frage in Details 1- Ich möchte die Symbolleiste wie Halbkreis mit Beleuchtung Farbe vor ihm 2- schaffen so etwas wie ein Kreis, umgeben von 6 kleine Teile eines Kreises geformt machen, die eine hat Pfeil bezieht sich auf jede Kategorie, wenn darauf geklickt wird. 3 - Jede Kategorie sollte eine geeignete Größe der anklickbaren Fläche haben.

Irgendwelche Hinweise oder Anleitungen können mir helfen, dieses Layout zu implementieren?

Quelle

2016-11-30 Mohamed Hashim

Was sind die erwarteten Interaktionen hier?Ich verstehe, dass alle Kategorien anklickbar sind. Was ist mit dem Kreis in der Mitte? Kannst du etwas damit machen, oder ist es nur ein statisches Bild? –

@MarcinJedynak der kleine Pfeil bewegt sich dynamisch, wenn eine solche Kategorie angeklickt wird, zeigt er darauf. –

Ich glaube, Sie schauen sich hier eine benutzerdefinierte Ansicht an und zeichnen sie von Hand mit benutzerdefiniertem Hit-Tracking. Es ist viel zu nicht rechteckig, damit eine Layout-Datei gut funktioniert. –

Es ist benutzerdefinierte Layout von Ihrem Designer und Android-Standard-Layout entworfen möglicherweise nicht Ihre Anforderung.Es gibt viele Optionen, um fortzufahren. Sie müssen Ansatz wählen, die Ihre Anforderungen am besten machen und reaktionsschnelle Benutzeroberfläche erstellen (Montag richtig auf den meisten der Android-Geräte)

Option 1:

Völlig entwerfen Ihr Layout verschiedene Menüs Bilder von Designern nehmen. Erstellen Sie eine benutzerdefinierte Widgetklasse. Zeichnen Sie den mittleren Kreis entsprechend dem ausgewählten Wert. Aktualisieren Sie das Layout jedes Mal, wenn ein Benutzer auf ein Menüelement klickt. Hier müssen Sie Ihre eigene Logik schreiben, um verschiedene onClick und onTouch Ereignisse zu erfassen. Diese Option erfordert viel Logik, aber Sie erhalten mehr Genauigkeit. Ich bevorzuge diese Option viele Male. Sie können durch die folgenden Links gehen, um das Erstellen von benutzerdefinierten Widget in Android zu verstehen.

Custom Drawing

Custom Views

Compound Views

Option 2: Diese Option ist auf Benutzer wie Bildschirm fühlen verhält gleiche wie Anforderung.

Nimm 6 verschiedene Hintergrundbilder mit zentralem dynamischem Kreis in der Mitte. Ändern Sie den Hintergrund entsprechend dem ausgewählten Wert. Und platzieren Sie Menübilder mit RelativeLayout. Wenn Sie sehen, Menü Bilder können leicht über den Hintergrund mit Relativen Layout platziert werden, Wie zwei sind parent_left, zwei sind parent_right, man ist parent_top und center, man ist parent_bottom und center.

Dies ist die einfachste zu implementierende Option, kann weniger Genauigkeit geben, aber Sie können dem Designer immer sagen, dass er die Mitte nach Ihrem Layout leicht anpassen soll. Für diese Art von UI müssen sich Entwickler und Designer auf wenige Dinge einstellen.

Option 3: Verwenden Sie Open Source Widget und passen Sie sie nach Bedarf an. Aber sei vorsichtig mit Lizenz und/oder bezahlten Versionen und allem. Lesen Sie die Nutzungsbedingungen richtig.

Viele auf Google verfügbar sind, fühle ich mich, das sind die besten

2016-11-30 22:18:13 Swapnil