custom text style with two color

Question

I want know it's possible to style text like this:

Note : I am using shadow but it doesn't seem useful to me. I would like to get a two color text like in the picture above.

This is my code:

<com.example.fabulous.comic.CustomTXT
    android:textColor="@color/white"
    android:shadowColor="@color/blacke"
    android:layout_margin="2dp"
    android:id="@+id/txt"
    android:text="hellow"
    android:layout_width="match_parent"/>
    android:layout_height="wrap_content"/>

apply a custom font to your text – johnrao07 Jul 21 '16 at 08:58 — johnrao07, Jul 21 '16 at 08:58
*Quick fix* : Use a custom TypeFace that looks like that. – SlashG Jul 21 '16 at 08:58 — SlashG, Jul 21 '16 at 08:58
@erfan check my answer. – Sohail Zahid Jul 21 '16 at 09:25 — Sohail Zahid, Jul 21 '16 at 09:25

score 3 · Accepted Answer · edited May 23 '17 at 11:45

3

Yes you can create text like this see my previous detail answer here.

Set text color to white and outline color toblack.

edited May 23 '17 at 11:45

Community

1
1

answered Jul 21 '16 at 09:03

Sohail Zahid

8,099
2
25
41

why create another view when you can use fonts? – johnrao07 Jul 21 '16 at 09:13
yes you can use fonts but you cant control their properties like outline width, color same as inside color. – Sohail Zahid Jul 21 '16 at 09:16
@erfan show some more love by tick mark and vote up in both posts. – Sohail Zahid Jul 21 '16 at 09:39

score 0 · Answer 2 · answered Jul 21 '16 at 08:59

0

Why don’t you chose a custom font with a custom color? This link might help you to customize your font .

answered Jul 21 '16 at 08:59

Towhidul Haque Roni

107
3

Arjun saini · Answer 3 · 2016-07-21T09:44:52.167

Try this

 <TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/hello_world"
android:textColor="@color/white"
android:textSize="20sp"
android:shadowColor="@color/black" 
android:shadowRadius="2"/>

you increase the radius as you want and color as you wish

You Can Also Trying using the Font.....

Used Montserrat.ttp download for google and also you used more fonts.. as you wish

    String fontPath = "fonts/mont.ttf";
    Typeface tf = Typeface.createFromAsset(getAssets(), fontPath);
    btn_reload.setTypeface(tf);

David Gourde · Answer 4 · 2016-07-21T09:35:08.330

Using shadows in TextView should do the trick to get an outline effect :

android:shadowColor="#000000"
android:shadowDx="1.5"
android:shadowDy="1.3"
android:shadowRadius="1.6"
android:text="CCC"
android:textAllCaps="true"
android:textColor="@android:color/white"

You can also use a web service like WhatTheFont to find the police used in any picture. I used your picture to find the closest match and got this answer:

The police is Minutia Outline and you can find it here.

I am not sure this is the solution you were after, but using this police will get you exactly what you have in your picture.

If you prefer to not use fonts, you could simply use some CSS to style your text, webView to use html/css in Android like so:

.strokeme
{
    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
    font-size: 250%;
}

<div class="strokeme">
    Is this what you were looking for?
</div>

My pleasure. If my answer was helpful, please upvote it. Thank you. — David Gourde, Jul 21 '16 at 12:28

custom text style with two color

4 Answers4