2016-03-20 3 views
1

enter image description hereTextview-Kontrast auf einem helleren Hintergrundbild im Android

Ich habe diese Textview, die in der Farbe weiß ist und Ich setze oben auf ein Bild mit hellerem Hintergrund. Das Problem ist, dass der Text "Meine App" kaum sichtbar ist. Ist es der Kontrast oder was muss ich bei Textview ändern, um die helle weiße Farbe auszulassen? Wenn die Hintergrundfarbe des Bildes dunkel ist, fällt die weiße Farbe auf, aber in diesem Fall vermischt es sich fast.

<android.support.design.widget.CoordinatorLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:background="@drawable/skyline" 
    tools:context=".SplashActivity"> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="@dimen/size_75dp" 
     android:text="My App" 
     android:textColor="#FFFFFF" 
     android:textSize="60sp" 
     android:layout_gravity="center_horizontal|top" /> 
</android.support.design.widget.CoordinatorLayout> 
+0

Verwenden Sie nicht reines Weiß. Ein gebrochenes Weiß hätte einen besseren Kontrast. –

+0

Was ist die Frage hier? Ja, einige Farben sind auf einem helleren Hintergrund besser sichtbar als andere, fragen Sie, welche Farbe zu verwenden ist oder wie Sie die Textfarbe ändern können? Um die Farbe zu ändern, benutze android: textColor = "# 000000" in TextView – Shreyans

Antwort

0

einen durchscheinenden Hintergrund zu Ihrem Textview

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="@dimen/size_75dp" 
    android:text="My App" 
    android:textColor="#FFFFFF" 
    android:background="#30000000" 
    android:paddingLeft="16dp" 
    android:paddingRight="16dp" 
    android:textSize="60sp" 
    android:layout_gravity="center_horizontal|top" /> 

bearbeiten hinzufügen: basierend auf Ihren Kommentar, Blick auf die Palette Bibliothek.

+0

Das Hinzufügen führte dazu, dass die weiße Farbe hervortrat, aber jetzt gibt es eine graue Box im Hintergrund des Textes "Meine App". Wenn ich das Transparente so transparent mache, bin ich wieder auf Platz eins. Andere Lösung, die ich nicht verwenden möchte, ist ein Bild mit dem Text "Meine App" zu erstellen, aber ich denke, dass es eine Lösung geben sollte. – lazyguy

+0

Dann sollten Sie in Betracht ziehen, die Palettenbibliothek zu verwenden und die Farben Ihres Bildes zur Laufzeit zu bestimmen und eine Kontrastfarbe aus der von der Bibliothek vorgegebenen Menge auszuwählen. – Francesc

0

Wenn ich in Ihrer Situation bin, werde ich versuchen, das Problem anzugehen, indem Sie sowohl Bild als auch Text behandeln, da wir einen hellen Hintergrund mit einem weißen Text oder umgekehrt haben könnten.

Zuerst werden wir sicherstellen, dass unser Bildhintergrund dunkel genug ist, um unser weißes textView deutlich sichtbar zu machen, ich empfehle, ein leichtes Overlay auf das Bild anzuwenden (Framelayout mit oberem Bild) oder das alpha Attribut zu verwenden.

Nun, da unser Bild angeordnet ist, sollten wir das gleiche gilt für die Textview, aber diesmal mit Schatten tun, wie die folgenden

android:shadowColor="#000000# 
android:shadowDx="0" 
android:shadowDy="2" 
android:shadowRadius="20" 

diese Werte anpassen nach Ihren Bedürfnissen.

Hoffe das beantwortet Ihre Frage

Verwandte Themen