【移動應(yīng)用開發(fā)技術(shù)】Android中如何實現(xiàn)自定義ImageView添加文字設(shè)置按下效果

【移動應(yīng)用開發(fā)技術(shù)】Android中如何實現(xiàn)自定義ImageView添加文字設(shè)置按下效果

首先上效果圖,看看是否是你需要的效果圖/upload/information/20200623/125/126743.gif下面開始擼代碼MyImageTextView.javapublic

class

MyImageTextView

extends

LinearLayout

{

private

ImageView

mImageView

=

null;

private

TextView

mTextView

=

null;

private

int

imageId,

pressImageId;

private

int

textId,

textColorId,

textTopId,

pressTextColorId;

public

MyImageTextView(Context

context)

{

this(context,

null);

}

public

MyImageTextView(Context

context,

@Nullable

AttributeSet

attrs)

{

this(context,

attrs,

0);

}

public

MyImageTextView(Context

context,

@Nullable

AttributeSet

attrs,

int

defStyleAttr)

{

super(context,

attrs,

defStyleAttr);

this.setOrientation(LinearLayout.VERTICAL);//設(shè)置垂直排序

this.setGravity(Gravity.CENTER);//設(shè)置居中

if

(mImageView

==

null)

{

mImageView

=

new

ImageView(context);

}

if

(mTextView

==

null)

{

mTextView

=

new

TextView(context);

}

if

(attrs

==

null)

return;

int

count

=

attrs.getAttributeCount();

for

(int

i

=

0;

i

<

count;

i++)

{

String

attrName

=

attrs.getAttributeName(i);//獲取屬性名稱

//根據(jù)屬性獲取資源ID

switch

(attrName)

{

//顯示的圖片

case

"image":

imageId

=

attrs.getAttributeResourceValue(i,

0);

break;

//按下時顯示的圖片

case

"pressImage":

pressImageId

=

attrs.getAttributeResourceValue(i,

0);

break;

//顯示的文字

case

"text":

textId

=

attrs.getAttributeResourceValue(i,

0);

break;

//設(shè)置文字顏色

case

"textColor":

textColorId

=

attrs.getAttributeResourceValue(i,

0);

break;

//設(shè)置文字距離上面圖片的距離

case

"textTop":

textTopId

=

attrs.getAttributeResourceValue(i,

0);

break;

//按下時顯示的文字顏色

case

"pressTextColor":

pressTextColorId

=

attrs.getAttributeResourceValue(i,

0);

break;

}

}

init();

}

/**

*

初始化狀態(tài)

*/

private

void

init()

{

this.setText(textId);

mTextView.setGravity(Gravity.CENTER);//字體居中

this.setTextColor(textColorId);

this.setTextPaddingTop(textTopId);

this.setImgResource(imageId);

addView(mImageView);//將圖片加入

addView(mTextView);//將文字加入

}

@Override

public

boolean

onTouchEvent(MotionEvent

event)

{

int

action

=

event.getAction();

switch

(action)

{

//按下

case

MotionEvent.ACTION_DOWN:

if

(pressImageId

!=

0)

this.setImgResource(pressImageId);

if

(pressTextColorId

!=

0)

this.setTextColor(pressTextColorId);

break;

//移動

case

MotionEvent.ACTION_MOVE:

break;

//抬起

case

MotionEvent.ACTION_UP:

if

(imageId

!=

0)

this.setImgResource(imageId);

if

(textColorId

!=

0)

this.setTextColor(textColorId);

break;

}

return

super.onTouchEvent(event);

}

/**

*

設(shè)置默認的圖片

*

*

@param

resourceID

圖片id

*/

public

void

setImgResourceDefault(int

resourceID)

{

imageId

=

resourceID;

setImgResource(resourceID);

}

/**

*

設(shè)置按下的圖片

*

*

@param

resourceID

圖片id

*/

public

void

setImgResourcePress(int

resourceID)

{

pressImageId

=

resourceID;

}

/**

*

設(shè)置顯示的圖片

*

*

@param

resourceID

圖片ID

*/

private

void

setImgResource(int

resourceID)

{

if

(resourceID

==

0)

{

this.mImageView.setImageResource(0);

}

else

{

this.mImageView.setImageResource(resourceID);

}

}

/**

*

設(shè)置顯示的文字

*

*

@param

text

*/

public

void

setText(int

text)

{

this.mTextView.setText(text);

}

/**

*

設(shè)置字體顏色(默認為黑色)

*

*

@param

color

*/

private

void

setTextColor(int

color)

{

if

(color

==

0)

{

this.mTextView.setTextColor(Color.BLACK);

}

else

{

this.mTextView.setTextColor(getResources().getColor(color));

}

}

/**

*

設(shè)置默認的顏色

*

*

@param

color

顏色ID

*/

public

void

setTextDefaultColor(int

color)

{

textColorId

=

color;

setTextColor(color);

}

/**

*

設(shè)置按下的顏色

*

*

@param

color

顏色ID

*/

public

void

setTextPressColor(int

color)

{

pressImageId

=

color;

}

/**

*

設(shè)置字體大小

*

*

@param

size

*/

public

void

setTextSize(float

size)

{

this.mTextView.setTextSize(size);

}

/**

*

設(shè)置文字與上面的距離

*

@param

top

*/

public

void

setTextPaddingTop(int

top)

{

if

(top

!=

0)

this.mTextView.setPadding(0,

getResources().getDimensionPixelOffset(top),

0,

0);

}

}下面是屬性文件<?xml

version="1.0"

encoding="utf-8"?>

<resources>

<declare-styleable

name="imageText">

<attr

name="image"

format="integer"

/>

<attr

name="pressImage"

format="integer"

/>

<attr

name="text"

format="integer"

/>

<attr

name="textColor"

format="integer"

/>

<attr

name="pressTextColor"

format="integer"

/>

<attr

name="textTop"

form