Comment souligner du texte dans TextView avec une certaine couleur différente de celle du texte?

J'ai eu le même problème et je suis tombé sur Mise en page classe lors de la lecture de certains autres postes, pour ce faire sur EditText. Il fournit tout ce dont vous avez besoin pour ce faire manuellement en dessin souligner, avec de la toile.

J'ai d'abord défini des attributs personnalisés pour une personnalisation facile en XML des fichiers de mise en

<declare-styleable name="UnderlinedTextView" >
    <attr name="underlineWidth" format="dimension" />
    <attr name="underlineColor" format="color" />
</declare-styleable>

Et personnalisé TextView classe

public class UnderlinedTextView extends AppCompatTextView {
private Rect mRect;
private Paint mPaint;
private float mStrokeWidth;
public UnderlinedTextView(Context context) {
this(context, null, 0);
}
public UnderlinedTextView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public UnderlinedTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context, attrs, defStyleAttr);
}
private void init(Context context, AttributeSet attributeSet, int defStyle) {
float density = context.getResources().getDisplayMetrics().density;
TypedArray typedArray = context.obtainStyledAttributes(attributeSet, R.styleable.UnderlinedTextView, defStyle, 0);
int underlineColor = typedArray.getColor(R.styleable.UnderlinedTextView_underlineColor, 0xFFFF0000);
mStrokeWidth = typedArray.getDimension(R.styleable.UnderlinedTextView_underlineWidth, density * 2);
typedArray.recycle();
mRect = new Rect();
mPaint = new Paint();
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setColor(underlineColor);
mPaint.setStrokeWidth(mStrokeWidth);
}
public int getUnderLineColor() {
return mPaint.getColor();
}
public void setUnderLineColor(int mColor) {
mPaint.setColor(mColor);
invalidate();
}
public float getUnderlineWidth() {
return mStrokeWidth;
}
public void setUnderlineWidth(float mStrokeWidth) {
this.mStrokeWidth = mStrokeWidth;
invalidate();
}
@Override
protected void onDraw(Canvas canvas) {
int count = getLineCount();
final Layout layout = getLayout();
float x_start, x_stop, x_diff;
int firstCharInLine, lastCharInLine;
for (int i = 0; i < count; i++) {
int baseline = getLineBounds(i, mRect);
firstCharInLine = layout.getLineStart(i);
lastCharInLine = layout.getLineEnd(i);
x_start = layout.getPrimaryHorizontal(firstCharInLine);
x_diff = layout.getPrimaryHorizontal(firstCharInLine + 1) - x_start;
x_stop = layout.getPrimaryHorizontal(lastCharInLine - 1) + x_diff;
canvas.drawLine(x_start, baseline + mStrokeWidth, x_stop, baseline + mStrokeWidth, mPaint);
}
super.onDraw(canvas);
}
}

Puis son utilisation est simple

<some.package.UnderlinedTextView
android:id="@+id/tvTest"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="10dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:gravity="center"
android:text="This is a demo text"
android:textSize="16sp"
app:underlineColor="#ffc112ef"
app:underlineWidth="3dp"/>

Résultat Final

• En ligne Multi

  

• Seule ligne

  

OriginalL'auteur Bojan Kseneman

Si vous êtes un XML du ventilateur. Jetez un oeil à ma solution:

Créer un sélecteur selector_edittext_white.xml dans le dossier drawable

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:bottom="-15dp">
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:pivotX="0.5"
android:pivotY="0.5"
android:toDegrees="0">
<shape android:shape="line">
<stroke
android:width="0.5dp"
android:color="@android:color/white" />
</shape>
</rotate>
</item>
</layer-list>

Ensuite, définissez votre EditText

android:background="@drawable/selector_edittext_white"

Dans le paramètre ci-dessus, le soulignement de la couleur est blanc, et vous pouvez le déplacer en changeant android:bottom ci-dessus est "-15dp" . En cas de disparaître, d'essayer de régler votre EditText de la marge du bas, comme ce

android:layout_marginBottom="5dp"

OriginalL'auteur windyzboy

Une autre solution, cette fois sans l'extension TextView (basée sur une question que j'ai écrit il y a longtemps, ici) :

Ont un drawable à être montré comme le soulignent, et ont une portée pour le texte lui-même :

text_underline.xml

<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="line">
<padding android:bottom="10dp"/>
<stroke
android:width="1dp"
android:color="#3792e5"/>
</shape>

DrawableSpan.kt

class DrawableSpan(private val drawable: Drawable) : ReplacementSpan() {
private val padding: Rect = Rect()
init {
drawable.getPadding(padding)
}
override fun draw(canvas: Canvas, text: CharSequence, start: Int, end: Int, x: Float, top: Int, y: Int, bottom: Int, paint: Paint) {
val rect = RectF(x, top.toFloat(), x + measureText(paint, text, start, end), bottom.toFloat())
drawable.setBounds(rect.left.toInt() - padding.left, rect.top.toInt() - padding.top, rect.right.toInt() + padding.right, rect.bottom.toInt() + padding.bottom)
canvas.drawText(text, start, end, x, y.toFloat(), paint)
drawable.draw(canvas)
}
override fun getSize(paint: Paint, text: CharSequence, start: Int, end: Int, fm: Paint.FontMetricsInt?): Int = Math.round(paint.measureText(text, start, end))
private fun measureText(paint: Paint, text: CharSequence, start: Int, end: Int): Float = paint.measureText(text, start, end)
}

utilisation:

    val text = getString(R.string.large_text)
val spannable = SpannableString(text)
spannable.setSpan(DrawableSpan(resources.getDrawable(R.drawable.text_underline)), 0, text.length, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
textView.setText(spannable, TextView.BufferType.SPANNABLE)

Et le résultat:

OriginalL'auteur android developer

    Paint p = new Paint();
p.setColor(Color.RED);
TextView t = (TextView) findViewById(R.id.textview);
t.setPaintFlags(p.getColor());
t.setPaintFlags(Paint.UNDERLINE_TEXT_FLAG);
t.setText("Underline Text");    

faire une nouvelle couleur de peinture. et affecter la peinture à l'textview.

OriginalL'auteur Ahmed Ekri