在这篇文章中，我们将深入探讨如何在 Android 开发中为 TextView 实现删除线效果。这是移动应用 UI 设计中一个非常常见且实用的功能，特别是在涉及电商、价格展示或任务管理的场景中。
为什么要使用删除线？
想象一下，当你在构建一个类似亚马逊或淘宝的电商应用时，你需要向用户展示商品的折扣信息。单纯地显示一个价格往往缺乏冲击力，但如果我们在原价上加上一道醒目的删除线，并在旁边显示新的优惠价格，用户就能在几毫秒内捕捉到“省钱”这个信号。这种视觉引导对于提高转化率至关重要。
除了电商，这一功能在待办事项应用中也极为常见——当你完成一项任务时，给它画上一道删除线，能给你带来极大的成就感。然而，要在 Android 中完美实现这一效果，并非只有一种途径。今天，我们将一起探索三种不同的实现方法，并分析它们各自的优缺点及适用场景，帮助你成为更细致的 UI 设计师。
方法概览
在 Android 开发中，我们主要有以下三种方式来实现文本的删除线效果：
- 使用 Drawable 资源（前景层叠加）：通过 XML 绘制线条并叠加在文本上方。
- 使用 HTML/String 资源标签：直接在字符串资源或代码中使用 HTML 标签。
- 使用 Paint Flags（编程方式设置画笔标志）：通过 Java/Kotlin 代码动态控制文本的绘制属性。
虽然这三种方法都能达到视觉上的“删除”效果，但在灵活性、性能和可维护性上却有着本质的区别。让我们逐一拆解。
方法 1：使用 Drawable 叠加（视觉模拟）
这种方法的核心思想是“造假”。我们并不真正改变文本的属性，而是在 TextView 的上层盖了一张“纸”，纸上画了一条线。这在 Android 中通过 android:foreground 属性来实现。
步骤：创建 Drawable 文件
首先，我们需要在 INLINECODE2409882f 目录下创建一个 XML 文件，命名为 INLINECODEa6061487。在这里，我们定义了一个形状为线的图形。
实战应用：
你可以在布局文件中这样使用它：
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="原价：￥999.00"
android:textSize="18sp"
android:foreground="@drawable/strikethrough" />
深度解析与局限性：
这种方法的优点在于非常直观，你可以完全控制线条的颜色、粗细和样式，甚至可以把它换成虚线或者渐变色。但是，它有一个致命的弱点：位置不固定。
INLINECODEa4d229ea 会覆盖整个视图区域。如果你的 TextView 高度是 INLINECODE708f74ae，线条通常能居中；但如果 TextView 被强制设定了高度，或者文本换行了，这条线可能就不会穿过文本的中间，而是出现在视图的垂直居中位置。这就导致了一种尴尬的局面：线在字的头顶，而不是穿过字。因此，这种方法通常只适用于单行且高度固定的简单场景。
方法 2：使用 HTML/String 资源标签（硬编码样式）
这是一种非常快速的方法，特别适合处理静态文本。我们利用 Android 对 HTML 标签的有限支持来实现删除线。
步骤：定义字符串资源
打开 res/values/strings.xml，添加如下字符串：
正常文本 这是被删除的文本 尾部文本
或者使用更现代的
旧价格 ￥100 新价格 ￥80
在布局中使用：
动态设置（Java 代码）：
如果你需要在代码中拼接 HTML 字符串，切记要使用 INLINECODE3dc507c8（推荐）或 INLINECODE6e524f4b 类，否则标签会直接显示为纯文本。
String htmlContent = "原价：" + "￥200.00
现价：￥99.00";
// 使用 HtmlCompat 工具类将 HTML 字符串转换为 Spanned 对象
// 注意：必须传递 FROM_HTML_MODE_LEGACY 标志以支持旧版 HTML 标签
CharSequence processedText = android.text.HtmlCompat.fromHtml(htmlContent, android.text.HtmlCompat.FROM_HTML_MODE_LEGACY);
textView.setText(processedText);
深度解析与局限性：
这种方法适合纯展示型的文本，比如“用户协议”中的某些条款被废弃。然而，它的灵活性极差。你不能动态地开启或关闭这个效果，也不能轻易地对同一个 TextView 中的部分文本进行复杂的交互逻辑。而且，Android 对 HTML 的支持并不完整，过于复杂的 HTML 样式会被忽略。
方法 3：使用 Paint Flags（原生动态控制，推荐）
作为专业的 Android 开发者，这是我们最常使用的方法。它直接作用于 TextView 的画笔对象，告诉系统在绘制文本时“穿过它画一条线”。这是最底层、性能最好，也是灵活性最高的方法。
核心原理：
在 Android 的图形系统中，INLINECODEc722779b 类负责定义如何绘制图形和文本。INLINECODE1e569bb5 方法允许我们修改绘制标志。为了实现删除线，我们需要使用位运算将 Paint.STRIKE_THRU_TEXT_FLAG 添加到当前的标志位中。
基础代码实现：
TextView strikeText = findViewById(R.id.strike_text_view);
// 获取当前的 PaintFlags 并与删除线标志进行“或”运算
// 这行代码的作用是：在保留原有样式的基础上，添加删除线属性
strikeText.setPaintFlags(strikeText.getPaintFlags() | Paint.STRIKE_THRU_TEXT_FLAG);
实战示例：可切换的状态
让我们看一个更完整的场景。我们有一个价格标签，和一个“应用优惠”按钮。点击按钮后，原价被划掉；再次点击，恢复原状。
布局文件 (activity_main.xml)：
逻辑代码 (MainActivity.java)：
import android.graphics.Paint;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
private TextView priceTextView;
private TextView discountTextView;
private Button toggleButton;
private boolean isDiscounted = false;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 初始化视图
priceTextView = findViewById(R.id.tv_original_price);
discountTextView = findViewById(R.id.tv_discount);
toggleButton = findViewById(R.id.btn_toggle_discount);
// 设置按钮点击事件
toggleButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
toggleDiscountState();
}
});
}
/**
* 切换折扣状态的方法
* 在这里我们动态地添加或移除 Paint Flags
*/
private void toggleDiscountState() {
if (!isDiscounted) {
// 状态 A：应用折扣
// 1. 使用位运算添加删除线标志
priceTextView.setPaintFlags(priceTextView.getPaintFlags() | Paint.STRIKE_THRU_TEXT_FLAG);
// 2. 设置文字颜色为灰色，增强删除感
priceTextView.setTextColor(getResources().getColor(android.R.color.darker_gray));
// 3. 显示折扣提示
discountTextView.setVisibility(View.VISIBLE);
isDiscounted = true;
} else {
// 状态 B：取消折扣
// 1. 使用位运算清除删除线标志
// 这里的波浪号 (~) 是按位取反运算符，用于清除特定标志位
priceTextView.setPaintFlags(priceTextView.getPaintFlags() & ~Paint.STRIKE_THRU_TEXT_FLAG);
// 2. 恢复文字颜色
priceTextView.setTextColor(getResources().getColor(android.R.color.black));
// 3. 隐藏折扣提示
discountTextView.setVisibility(View.INVISIBLE);
isDiscounted = false;
}
// 强制重绘视图以确保效果立即生效
priceTextView.invalidate();
}
}
代码深度解析：
在这个例子中，我们不仅仅使用了 setPaintFlags，还结合了颜色变化和辅助文本的显示与隐藏，这才是实际开发中应有的思维模式。
请注意这一行关键代码：
priceTextView.setPaintFlags(priceTextView.getPaintFlags() & ~Paint.STRIKE_THRU_TEXT_FLAG);
很多初学者会犯一个错误，试图直接设置 INLINECODE6a7ba6ce 来清除效果。这是错误的，因为 INLINECODEf19f7d1a 中可能还包含其他的标志（比如下划线标志 INLINECODE0483a23c）。如果我们直接设为 0，就会把所有其他样式都抹掉。使用 INLINECODE296ef164 运算符，我们可以精准地只移除“删除线”这一位，而保留其他所有属性。
常见陷阱与最佳实践
在掌握了基本方法后，我们还需要注意一些“坑”，避免在面试或实际工作中栽跟头。
1. SpannableStringBuilder 的力量
如果只想删除一个长句子中的某几个字，而不是整个 TextView，怎么办？这时 INLINECODE69f8f984 就不够用了，因为它作用于整个控件。我们需要使用 INLINECODEf93646f3。
String content = "特惠活动：全场商品 5 折起，限时三天！";
SpannableString spannableString = new SpannableString(content);
// 我们只想删除“5 折起”这三个字对应的索引范围（假设索引从 9 到 12）
// StrikethroughSpan 是专门用于实现部分文本删除线的类
spannableString.setSpan(
new StrikethroughSpan(),
9, // 开始索引
12, // 结束索引
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
);
textView.setText(spannableString);
这种做法在电商 APP 的复杂商品标题中非常常见，例如：“新款上市 旧款降价 欢迎选购”。你可以灵活地控制哪一部分被划掉。
2. 性能考量
对于 INLINECODEc816e6b6 标志的操作是非常轻量级的，不会引起性能问题。但是在列表中大量使用 INLINECODE32f1f9ff 对象时，由于涉及对象的创建和回收，可能会造成轻微的内存压力。如果在 RecyclerView 中使用，务必确保在 onBindViewHolder 中正确处理了 Span 的复用逻辑，避免样式错乱。
3. 辅助功能
删除线是一种视觉暗示。对于视障用户，普通的屏幕阅读器可能会直接读出带删除线的文本，这可能会造成困惑（比如听到“价格 1000，价格 500”时，用户不知道哪个是当前价格）。为了更好的用户体验，我们通常会配合视觉元素，在代码中为 View 添加 contentDescription，或者直接不将过时的信息暴露给无障碍服务。
总结
在这篇文章中，我们一起深入探索了 Android 实现删除线效果的三种主要路径：
- Drawable 方法：适合简单的、不需要精确定位的背景/前景装饰，局限性较大。
- HTML/String 方法：适合一次性静态文本的快速开发，缺乏动态交互能力。
- Paint Flags 方法：最专业、最原生的做法，性能最好，且完全支持动态交互，是实际项目开发的首选。
不仅如此，我们还进一步探讨了如何利用 SpannableString 实现局部的删除线效果，以及如何通过位运算精准地管理文本样式。
作为开发者，我们的目标不仅仅是让代码“跑起来”，更是要让代码具有可读性、可维护性和高性能。当你下次在项目中遇到类似的 UI 需求时，希望你能够根据具体的业务场景，灵活选择最合适的方案，写出既优雅又健壮的代码。现在，不妨打开你的 Android Studio，亲自试一试这些代码吧！