Android 三角标签（自定义Textview控件）

最新推荐文章于 2025-06-03 09:07:01 发布

魑魅魍魉9527

最新推荐文章于 2025-06-03 09:07:01 发布

阅读量4.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： android textview 标签控件

本文链接：https://blog.csdn.net/qq_28934205/article/details/51353304

Android 专栏收录该内容

120 篇文章

订阅专栏

本文介绍了一种自定义的Android TextView控件——RotateTextView，该控件能够将文字及图形进行旋转显示，并提供了详细的实现代码及使用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先来看一下效果
这里写图片描述

上代码

package com.zph.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.widget.TextView;

public class RotateTextView extends TextView{

public RotateTextView(Context context) {
    super(context);
}

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

@Override
protected void onDraw(Canvas canvas) {
    // 倾斜度45,上下左右居中
    int w=getMeasuredWidth();
    canvas.rotate(-45,w,w);
    // 绘制这个三角形,你可以绘制任意多边形
    Paint p1 = new Paint();
    p1.setColor(Color.RED);// 设置红色
    p1.setStyle(Paint.Style.FILL);
    Path path = new Path();
    path.moveTo((int)(w/3), (int)(w/3));// 此点为多边形的起点
    path.lineTo((int)(w*1.67), (int)(w/3));
    path.lineTo(w, w);
    path.close(); // 使这些点构成封闭的多边形
    canvas.drawPath(path, p1);

    Paint p = new Paint();
    p.setColor(Color.WHITE);// 设置白色
    p.setTextSize((int)(w*0.23));//设置字体大小
    canvas.drawText(text, (int)(w*0.66), (int)(w*0.60), p);
    super.onDraw(canvas);
}

/** 要显示的文字 */
private String text="新标签";
public void setText(String text) {
    this.text=text;
    invalidate();//重绘刷新Textview内容
}

}

xml

   <com.zph.view.RotateTextView
        android:id="@+id/test_rt1"
        android:layout_alignRight="@+id/img"
        android:layout_alignBottom="@+id/img"
        android:layout_width="288px"
        android:layout_height="288px"/>

代码实现

RotateTextView rt;
private void setTestRT(){
    Log.i("TAG","RotateTextView");
    rt= (RotateTextView) findViewById(R.id.test_rt1);
    rt.setText("求推荐");
    //需要在自定义控件中重写setext（）要不然此处的setext（）没有效果
}