【移動(dòng)應(yīng)用開發(fā)技術(shù)】Android中怎么通過自定義ImageView實(shí)現(xiàn)點(diǎn)擊圖片切換效果

【移動(dòng)應(yīng)用開發(fā)技術(shù)】Android中怎么通過自定義ImageView實(shí)現(xiàn)點(diǎn)擊圖片切換效果

Android中怎么通過自定義ImageView實(shí)現(xiàn)點(diǎn)擊圖片切換效果，很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面在下將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。private

boolean

flag;

public

void

onClick(View

v){

if(flag){

mImageView.setImageResource(R.drawable.xx1);

}else{

mImageView.setImageResource(R.drawable.xx2);

}

flag

=

!flag;

}筆者連上面的代碼知道寫出來那為什么還要去自定義一個(gè)ImageView了？具體需求：兩個(gè)ImageView之間實(shí)現(xiàn)單選效果我們試想下，目前兩個(gè)ImageView通過上面的代碼可能還好，只要在不同的事件中做出不同的判斷就好了，但如果一但I(xiàn)mageView增多了了？A：你不知道用RadioGroup+RadioButton啊！B：是哦！我現(xiàn)在去試下。……B：不行啊，雖然RadioButton可以實(shí)現(xiàn)，但不好做適配，我為RadioButton設(shè)置Drawable，不能居中，而且不能隨著RadioButton的大小改變而改變，資源圖片是多大就多大，顯示區(qū)域不夠就不能完全顯示出來。A：…?，額，是嗎？這樣??！那我們就自定義一個(gè)ImageView來實(shí)現(xiàn)吧！B：為什么是自定義ImageView？而不是自定義RadioButton？A：自定義RadioButton實(shí)現(xiàn)ImageView的src屬性比較復(fù)雜（等著正在看這博客的大神實(shí)現(xiàn)），而自定義ImageView來實(shí)現(xiàn)單選的屬性比較好實(shí)現(xiàn)。B：那怎么實(shí)現(xiàn)了？A：看代碼，代碼如下：attrs.xml<為自定義ImageView添加兩個(gè)屬性><?xml

version="1.0"

encoding="utf-8"?>

<resources>

<declare-styleable

name="SelectorImageView">

<attr

name="selector_src"

format="reference"/>//選中的src圖片屬性

<attr

name="checked"

format="boolean"/>

</declare-styleable>

</resources>Class-SelectorImageView<此類實(shí)現(xiàn)了Checkable接口，這里沒什么特殊功能，而只是利用此接口中的方法而已，不實(shí)現(xiàn)我們也可以自己寫>public

class

SelectorImageView

extends

ImageView

implements

Checkable

{

private

boolean

isChecked;

private

Drawable

mSelectorDrawable;

private

Drawable

mDrawable;

public

SelectorImageView(Context

context)

{

this(context,

null);

}

public

SelectorImageView(Context

context,

AttributeSet

attrs)

{

this(context,

attrs,

0);

}

public

SelectorImageView(Context

context,

AttributeSet

attrs,

int

defStyleAttr)

{

super(context,

attrs,

defStyleAttr);

/**獲取默認(rèn)屬性src的Drawable并用成員變量保存*/

mDrawable

=

getDrawable();

final

TypedArray

a

=

context.obtainStyledAttributes(attrs,

R.styleable.SelectorImageView);

/**獲取自定義屬性selector_src的Drawable并用成員變量保存*/

Drawable

d

=

a.getDrawable(R.styleable.SelectorImageView_selector_src);

mSelectorDrawable

=

d;

/**獲取自定義屬性checked的值并用成員變量保存*/

isChecked

=

a.getBoolean(R.styleable.SelectorImageView_checked,

false);

setChecked(isChecked);

if

(d

!=

null

&&

isChecked)

{

/**如果在布局中設(shè)置了selector_src與checked

=

true，我們就要設(shè)置ImageView的圖片為mSelectorDrawable

*/

setImageDrawable(d);

}

a.recycle();

}

@Override

public

void

setImageDrawable(Drawable

drawable)

{

super.setImageDrawable(drawable);

}

@Override

public

void

setChecked(boolean

checked)

{

this.isChecked

=

checked;

}

@Override

public

boolean

isChecked()

{

return

isChecked;

}

@Override

public

void

toggle()

{

/**此處依據(jù)是否選中來設(shè)置不同的圖片*/

if

(isChecked())

{

setImageDrawable(mSelectorDrawable);

}

else

{

setImageDrawable(mDrawable);

}

}

public

void

toggle(boolean

checked){

/**外部通過調(diào)用此方法傳入checked參數(shù)，然后把值傳入給setChecked（）方法改變當(dāng)前的選中狀態(tài)*/

setChecked(checked);

toggle();

}

}layout.xml<LinearLayout

xmlns:android="/apk/res/android"

xmlns:app="/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent">

<com.qjay.adf.widget.SelectorImageView

android:id="@+id/iv"

android:layout_width="100dp"

android:layout_height="100dp"

app:selector_src="@mipmap/checked"

android:src="@mipmap/no_checked"/>

</LinearLayout>ActivityCodepublic

class

MainActivity

extends

Activity

{

private

SelectorImageView

iv;

@Override

protected

void

onCreate(Bundle

savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

iv

=

(Select