Androidレイアウトでテキストに下線を付けることはできますか？

Androidレイアウトファイルで下線付きテキストを定義するにはどうすればよいxmlですか？

これは、やのようなHTMLタグをサポートする文字列リソース xmlファイルを使用している場合に実現できます。<b></b><i></i><u></u>

<resources>
    <string name="your_string_here">This is an <u>underline</u>.</string>
</resources>

コードから何かに下線を引きたい場合：

TextView textView = (TextView) view.findViewById(R.id.textview);
SpannableString content = new SpannableString("Content");
content.setSpan(new UnderlineSpan(), 0, content.length(), 0);
textView.setText(content);

あなたは試すことができます

textview.setPaintFlags(textview.getPaintFlags() |   Paint.UNDERLINE_TEXT_FLAG);

上記の「受け入れられた」回答は機能しません（のような文字列を使用しようとした場合）textView.setText(Html.fromHtml(String.format(getString(...), ...)))。

ドキュメントに記載されているように、内側のタグの開始ブラケット（htmlエンティティエンコード）をでエスケープする必要があります<。たとえば、結果は次のようになります。

<resource>
    <string name="your_string_here">This is an &lt;u&gt;underline&lt;/u&gt;.</string>
</resources>

次に、コードで次のようにテキストを設定できます。

TextView textView = (TextView) view.findViewById(R.id.textview);
textView.setText(Html.fromHtml(String.format(getString(R.string.my_string), ...)));

Strings.xmlファイルの内容：

<resource>
     <string name="my_text">This is an <u>underline</u>.</string> 
</resources> 

レイアウトxmlファイルは、以下に示すように、textviewの以下のプロパティを持つ上記の文字列リソースを使用します。

<TextView 
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:text="@string/my_text"

    android:selectAllOnFocus="false"
    android:linksClickable="false"
    android:autoLink="all"
    />

ButtonとTextViewの場合、これが最も簡単な方法です。

ボタン：

Button button = (Button) findViewById(R.id.btton1);
button.setPaintFlags(button.getPaintFlags() | Paint.UNDERLINE_TEXT_FLAG);

Textview：

TextView textView = (TextView) findViewById(R.id.textview1);
textView.setPaintFlags(textView.getPaintFlags() | Paint.UNDERLINE_TEXT_FLAG);

ワンラインソリューション

myTextView.setText(Html.fromHtml("<p><u>I am Underlined text</u></p>"));

少し遅いですが、誰かに役立つかもしれません。

Kotlinでは拡張機能を使用できます。これはコードからのみ使用でき、xmlでは使用できません。

fun TextView.underline() {
    paintFlags = paintFlags or Paint.UNDERLINE_TEXT_FLAG
}

使用法：

 tv_change_number.underline()
 tv_resend_otp.underline()

下線付きのクリック可能なボタンのスタイルを確認してください。

<TextView
    android:id="@+id/btn_some_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/btn_add_contact"
    android:textAllCaps="false"
    android:textColor="#57a0d4"
    style="@style/Widget.AppCompat.Button.Borderless.Colored" />

strings.xml：

<string name="btn_add_contact"><u>Add new contact</u></string>

結果：

下線付きテキストを描画する最新のアプローチは、メディアでRomain Guy がGitHubで利用可能なソースコードを使用して説明しています。このサンプルアプリケーションは、2つの可能な実装を公開します。

• APIレベル19を必要とするパスベースの実装
• APIレベル1を必要とする地域ベースの実装

私はこれが遅い答えであることを知っていますが、私はかなりうまくいく解決策を思いつきました...コード内のテキストに下線を引くためにAnthony Forloneyから答えを受け取り、それを処理するTextViewのサブクラスを作成しました。次に、下線付きのTextViewが必要なときに、XMLでサブクラスを使用できます。

これが私が作成したクラスです：

import android.content.Context;
import android.text.Editable;
import android.text.SpannableString;
import android.text.TextWatcher;
import android.text.style.UnderlineSpan;
import android.util.AttributeSet;
import android.widget.TextView;

/**
 * Created with IntelliJ IDEA.
 * User: Justin
 * Date: 9/11/13
 * Time: 1:10 AM
 */
public class UnderlineTextView extends TextView
{
    private boolean m_modifyingText = false;

    public UnderlineTextView(Context context)
    {
        super(context);
        init();
    }

    public UnderlineTextView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        init();
    }

    public UnderlineTextView(Context context, AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);
        init();
    }

    private void init()
    {
        addTextChangedListener(new TextWatcher()
        {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after)
            {
                //Do nothing here... we don't care
            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count)
            {
                //Do nothing here... we don't care
            }

            @Override
            public void afterTextChanged(Editable s)
            {
                if (m_modifyingText)
                    return;

                underlineText();
            }
        });

        underlineText();
    }

    private void underlineText()
    {
        if (m_modifyingText)
            return;

        m_modifyingText = true;

        SpannableString content = new SpannableString(getText());
        content.setSpan(new UnderlineSpan(), 0, content.length(), 0);
        setText(content);

        m_modifyingText = false;
    }
}

ここで...下線付きのテキストビューをXMLで作成するときはいつでも、次のことを行うだけです。

<com.your.package.name.UnderlineTextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:gravity="center"
    android:text="This text is underlined"
    android:textColor="@color/blue_light"
    android:textSize="12sp"
    android:textStyle="italic"/>

このXMLスニペットに追加のオプションを追加して、私の例がテキストの色、サイズ、およびスタイルの変更で機能することを示しています...

お役に立てれば！

の代わりに、よりクリーンな方法
textView.setPaintFlags(textView.getPaintFlags() | Paint.UNDERLINE_TEXT_FLAG); メソッドの方法は使用することです textView.getPaint().setUnderlineText(true);

そして、RecyclerViewで再利用されたビューなど、後でそのビューの下線をオフにする必要がある場合は、 textView.getPaint().setUnderlineText(false);

文字列リソースファイルで属性を使用するだけです。

<string name="example"><u>Example</u></string>

このxmlドローアブルを使用して下ボーダーを作成し、ドローアブルを背景としてテキストビューに適用しました

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>

    <item android:top="-5dp" android:right="-5dp" android:left="-5dp">
        <shape>
            <solid android:color="@android:color/transparent" />
            <stroke
                    android:width="1.5dp"
                    android:color="@color/pure_white" />
        </shape>
    </item>
</layer-list>

XMLのシンプルで柔軟なソリューション：

<View
  android:layout_width="match_parent"
  android:layout_height="3sp"
  android:layout_alignLeft="@+id/your_text_view_need_underline"
  android:layout_alignRight="@+id/your_text_view_need_underline"
  android:layout_below="@+id/your_text_view_need_underline"
  android:background="@color/your_color" />

別の解決策は、以下に示すようにTextViewを拡張するカスタムビューを作成することです。

public class UnderLineTextView extends TextView {

    public UnderLineTextView(Context context) {
        super(context);
        this.setPaintFlags(Paint.UNDERLINE_TEXT_FLAG);
    }

    public UnderLineTextView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        this.setPaintFlags(Paint.UNDERLINE_TEXT_FLAG);
    }

}

以下に示すようにXMLに追加するだけです

<yourpackage.UnderLineTextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="underline text"
 />

私はサミュエルの答えを簡略化しました：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--https://stackoverflow.com/a/40706098/4726718-->
    <item
        android:left="-5dp"
        android:right="-5dp"
        android:top="-5dp">
        <shape>
            <stroke
                android:width="1.5dp"
                android:color="@color/colorAccent" />
        </shape>
    </item>
</layer-list>

私は簡単にするためにこのメソッドを作成しました

TextView tv = findViewById(R.id.tv);
tv.setText("some text");

TextView全体に下線を引く

setUnderLineText(tv, tv.getText().toString());

TextViewの一部に下線を引く

setUnderLineText(tv, "some");

EditText、Button、CheckboxなどのTextView子もサポートします

public void setUnderLineText(TextView tv, String textToUnderLine) {
        String tvt = tv.getText().toString();
        int ofe = tvt.indexOf(textToUnderLine, 0);

        UnderlineSpan underlineSpan = new UnderlineSpan();
        SpannableString wordToSpan = new SpannableString(tv.getText());
        for (int ofs = 0; ofs < tvt.length() && ofe != -1; ofs = ofe + 1) {
            ofe = tvt.indexOf(textToUnderLine, ofs);
            if (ofe == -1)
                break;
            else {
                wordToSpan.setSpan(underlineSpan, ofe, ofe + textToUnderLine.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                tv.setText(wordToSpan, TextView.BufferType.SPANNABLE);
            }
        }
    }

ここで私の回答を確認して、クリック可能な下線テキストまたはTextViewの複数の部分に下線を付けてください

このコードを試してください

XMLで

<resource>
 <string name="my_text"><![CDATA[This is an <u>underline</u>]]></string> 
</resources> 

コードで

TextView textView = (TextView) view.findViewById(R.id.textview);
textView.setText(Html.fromHtml(getString(R.string.my_text)));

幸運を！

1. strings.xmlリソースファイルに移動します
2. リソースファイルに、必要に応じてHTML下線タグ付きの文字列を追加します。

strings.xml HTML下線サンプル

3. 次のようにJavaコードで文字列リソースIDを呼び出します。

sampleTextView.setText(R.string.sample_string);

4. 出力には「Stackoverflow」という単語に下線が引かれているはずです。

さらに、次のコードは下線を印刷しません。

String sampleString = getString(R.string.sample_string);
sampleTextView.setText(sampleString);

代わりに、次のコードを使用してリッチテキスト形式を保持します。

CharSequence sampleString = getText(R.string.sample_string);
sampleTextView.setText(sampleString);

「getString（int）またはgetText（int）を使用して文字列を取得できます。getText（int）は、文字列に適用されたリッチテキストのスタイルを保持します。」Androidのドキュメント。

ドキュメントを参照してください： https //developer.android.com/guide/topics/resources/string-resource.html

これがお役に立てば幸いです。

投票数の多い回答が正しく、最も単純です。ただし、一部のフォントでは機能せず、他のフォントでは機能する場合があります（中国語を処理するときに遭遇した問題です）。

解決策は、TextViewにのみ「WRAP_CONTENT」を使用しないことです。線を描画するための余分なスペースがないためです。TextViewに固定の高さを設定するか、WRAP_CONTENTでandroid：paddingVerticalを使用できます。

HtmlCompat.fromHtml(
                    String.format(context.getString(R.string.set_target_with_underline)),
                    HtmlCompat.FROM_HTML_MODE_LEGACY)
<string name="set_target_with_underline">&lt;u>Set Target&lt;u> </string>

xmlファイルのエスケープ記号に注意してください

Kotlinでこれを行うには：

yourTextView.paint?.isUnderlineText = true

これに答えるのはかなり遅いですが、テキストを動的に取得したい場合は、Javaコードでこの単純な1行を使用して、機能するものとします。

 textView.setText(Html.fromHtml("<p><u>" + get_name + "</u></p>"));

カスタムフォントを使用していて、リソースファイルトリック（<u>Underlined text</u>）で作成された下線が機能するという問題がありましたが、Androidは下線をある種のストライクトラフに変換できました。

私はこの回答を使用して、自分自身でテキストビューの下に境界線を描画しました：https ://stackoverflow.com/a/10732993/664449 。明らかにこれは、部分的に下線が引かれたテキストや複数行のテキストに対しては機能しません。