Ich möchte eine Zahl an der Ecke des gerundeten Bildes eines Benutzers zeigen, der Messenger ähnelt, der das Bild von Facebook oder Messenger-Symbol enthält. Zahl wird eine einfache ganze Zahl unter 100.Zeige Text an der Ecke eines ImageView
1
A
Antwort
3
Sie es mit einem TextView
und ImageView
in einem RelativeLayout
wie dies tun können:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:padding="20dp"
android:background="#786993">
<ImageView
android:id="@+id/image"
android:src="@drawable/q_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/tab_counter_text"
android:text="20"
android:layout_alignRight="@id/image"
android:layout_alignBottom="@id/image"
android:layout_width="20dp"
android:layout_gravity="center"
android:background="@drawable/circle_white"
android:layout_height="20dp"
android:gravity="center"
android:textColor="#786993"
android:textSize="12sp" />
</RelativeLayout>
und Sie können einstellen, den Hintergrund der TextView
als ein benutzerdefinierter Kreis, der wie folgt gezeichnet werden kann (circle_white.xml):
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" >
<solid android:color="#ffffff"/>
</shape>
Ausgang:
+0
meins am besten geeignete lösung. Vielen Dank –
1
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/container_view">
<ImageView
android:layout_height="50dp"
android:layout_width="50dp"
android:src="@drawable/image"/>
<TextView
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text="10"
android:layout_gravity="bottom|end"
android:textColor="@color/colorPrimary"
android:background="@drawable/circleBackground"/>
</FrameLayout>
Verwandte Themen
- 1. iOS ImageView auf obere Ecke ausrichten
- 2. Libgdx Wie zeige ich Text an?
- 3. Three.js: Zeige Weltkoordinatenachsen in einer Ecke der Szene
- 4. Zeige Text während der Eingabe
- 5. ListView-Text wird abgeschnitten - wie zeige ich den gesamten Text eines Elements an?
- 6. Wie zeige ich die Schaltfläche "Löschen" in der rechten oberen Ecke des Bildes an?
- 7. ImageView Hover zeigt Text
- 8. Position ggplot Titel an der oberen rechten Ecke der Handlung
- 9. wie Ecke eines Bildes
- 10. Googleinfofenster erscheinen an einer Ecke
- 11. Zeige Fehler auf der Spitze der Text bearbeiten Android
- 12. Zeichnen eines Graphen in der Ecke eines anderen
- 13. Position ggplot Text in jeder Ecke
- 14. android - dynamisch Ändern der Position eines Imageview
- 15. Entfernen des abgeschrägten Effekts an der Ecke der Rahmen
- 16. Zeichnen eines ImageView
- 17. Wie lege ich einen Text innerhalb der oberen linken Ecke von div
- 18. Rich Text Box abgerundete Ecke Auswahl markieren
- 19. Zeige Position an der aktuellen Position + Kartenansicht
- 20. Wie bekomme ich Text immer in der oberen linken Ecke eines td bleiben?
- 21. Wie schneide ich Teile eines großen Bildes zu einem ImageView
- 22. Wie zeige ich in einem ImageView nur ein bestimmtes Bitmap an?
- 23. Androidplot den Titel des Grundstücks an der rechten Ecke ausrichten
- 24. Wie füge ich ein kleines Bild an der Ecke eines Plots mit Matplotlib ein?
- 25. Wie zeige ich die Binärdarstellung eines Floats oder Double an?
- 26. sIFR3 zeige Text beim Laden
- 27. Zeige Bilder oder alternativ Text
- 28. Wie zeige ich in Julia den Inhalt eines Makros an?
- 29. Putting eine Schaltfläche in der oberen Ecke eines QGroupBox
- 30. android abgerundete Ecke Textview mit perfekter Runde in der Ecke
Wo ist die Nummer auf dem Bild? – Piyush
können Sie framelyaout verwenden und Bildansicht und Textansicht als untergeordnetes Bild im Rahmenlayout platzieren und Textansicht 'gravity: bottom | right' setzen. –
Mögliches Duplikat von [So wird das Abzeichen an der Ecke eines Layouts angezeigt] (http://stackoverflow.com/questions/37747079/how-to-have-badge-icon-an-der-ecke-eines-layouts) – SaravInfern