【移動(dòng)應(yīng)用開發(fā)技術(shù)】Android實(shí)現(xiàn)傾斜角標(biāo)樣式的方法

【移動(dòng)應(yīng)用開發(fā)技術(shù)】Android實(shí)現(xiàn)傾斜角標(biāo)樣式的方法

這篇文章給大家分享的是有關(guān)Android實(shí)現(xiàn)傾斜角標(biāo)樣式的方法的內(nèi)容。在下覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨在下過來看看吧。前言最近產(chǎn)品有一個(gè)需求是：要在一個(gè)距形卡片上做一個(gè)傾斜的Tag，類似：（PS：不要注意那兩毛三分的窮鬼），剛開始想著用UI切圖就可以了嘛，but是不可以的，在不同手機(jī)上分辨率是不同的，直接用圖片適配肯定會(huì)有問題，所以打算自定義。實(shí)現(xiàn)思路額畫圖太丑了，這里解釋一下：這里以左上角為例，我們可以把手機(jī)屏幕看成是一個(gè)直角坐標(biāo)軸，我們要畫一個(gè)斜角標(biāo)示，只需要在我們的距形框內(nèi)畫一個(gè)正方形通過正方形的對(duì)角線（這里必須是正方形，這樣可以控制x,y等距離），這樣操控斜角標(biāo)示長(zhǎng)度只需要控制對(duì)角線長(zhǎng)度通過path方法來繪制路徑，右邊同理，我們也不需要過多計(jì)算，只需要通過moveTo方法移動(dòng)坐標(biāo)原點(diǎn)。而繪制字體呢以對(duì)角線中心為坐標(biāo)原點(diǎn)像左右繪制通過canvas.rotate（）設(shè)置字體傾斜于對(duì)角線平行。效果如下：核心代碼繪制背景色case

TAG_LEFT:

path.lineTo(0,

mHeight);

path.lineTo(mWidth,

0);

break;

case

TAG_Right:

path.lineTo(mWidth,

0);

path.lineTo(mWidth,

mHeight);

break;

case

TAG_LEFT_BOTTOM:

path.lineTo(mWidth,

mHeight);

path.lineTo(0,

mHeight);

break;

case

TAG_RIGHT_BOTTOM:

path.moveTo(0,

mHeight);//移動(dòng)坐標(biāo)原點(diǎn)位置

path.lineTo(mWidth,

mHeight);

path.lineTo(mWidth,

0);

break;

case

TAG_LEFT_BAR:

path.moveTo(mWidth,

0);

path.lineTo(0,

mHeight);

path.lineTo(0,

mHeight

-

mySlantedHeight);

path.lineTo(mWidth

-

mySlantedHeight,

0);

break;

case

TAG_RIGHT_BAR:

path.lineTo(mWidth,

mHeight);

path.lineTo(mWidth,

mHeight

-

mySlantedHeight);

path.lineTo(mySlantedHeight,

0);

break;

case

TAG_LEFT_BOTTOM_BAR:

path.lineTo(mWidth,

mHeight);

path.lineTo(mWidth

-

mySlantedHeight,

mHeight);

path.lineTo(0,

mySlantedHeight);

break;

case

TAG_RIGHT_BOTTOM_BAR:

path.moveTo(0,

mHeight);

path.lineTo(mySlantedHeight,

mHeight);

path.lineTo(mWidth,

mySlantedHeight);

path.lineTo(mWidth,

0);

break;通過計(jì)算繪制字體和角度

rect

=

new

Rect(0,

0,

w,

h);

rectF

=

new

RectF(rect);

rectF.right

=

mTextPaint.measureText(myText,

0,

myText.length());

rectF.bottom

=

mTextPaint.descent()

-

mTextPaint.ascent();//Ascent：

字符頂部到baseLine的距離

Descent：

字符底部到baseLine的距離

rectF.left

+=

(rect.width()

-

rectF.right)

/

2.0f;

rectF.top

+=

(rect.height()

-

rectF.bottom)

/

2.0f;

xy[0]

=

rectF.left;

xy[1]

=

rectF.top

-

mTextPaint.ascent();

xy[2]

=

w

/

2;

xy[3]

=

h

/

2;

xy[4]

=

-ROTATE_ANGLE;

//設(shè)置字體

canvas.rotate(angle,

centerX,

centerY);

canvas.drawText(myText,

toX,

toY

+

PADDING_TOP,

mTextPaint);使用方法

testView.setText("打折中")

.setMode(TAG_LEFT_BAR)

.setBackground(Color.parseColor("#ff6677"))

.setTextColor(Color.parseColor("#000000"))

.setSlantedHeight(50)

.setTextSize(29);

或直接在布局中

<com.example.mylibrary.mySlantedTextView

android:layout_width="80dp"

android:layout_height="80dp"

android:layout_alignParentTop="true"

android:layout_alignParentRight="true"

app:myBackgroundColor="#667fff"

app:mySlantedHeight="30dp"

app:myText="熱賣中"

app:myTextColor="#ffffff"

app:my