【移動應(yīng)用開發(fā)技術(shù)】Android中如何使用TagFlowLayout制作動態(tài)添加刪除標(biāo)簽

【移動應(yīng)用開發(fā)技術(shù)】Android中如何使用TagFlowLayout制作動態(tài)添加刪除標(biāo)簽

這篇文章給大家分享的是有關(guān)Android中如何使用TagFlowLayout制作動態(tài)添加刪除標(biāo)簽的內(nèi)容。在下覺得挺實用的，因此分享給大家做個參考，一起跟隨在下過來看看吧。效果圖簡單的效果圖(使用開源庫)[FlowLayout](“/hongyangAndroid/FlowLayout“)步驟導(dǎo)包compile

'com.zhy:flowlayout-lib:1.0.3'

<com.zhy.view.flowlayout.TagFlowLayout

android:id="@+id/id_flowlayout"

zhy:max_select="-1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:padding="20dp">

</com.zhy.view.flowlayout.TagFlowLayout>初始化數(shù)據(jù)private

String[]

mVals

=

new

String[]

{"Hello",

"Android",

"Weclome

Hi

",

"Button",

"TextView",

"Hello",

"Android",

"Weclome",

"Button

ImageView",

"TextView",

"Helloworld"

};

arrTab

=

new

ArrayList();

//添加一條數(shù)據(jù)用于添加標(biāo)簽的替換

arrTab.add("tab");設(shè)置TagFlowLayout的adapter//設(shè)置adapter

adapter

=

new

TagAdapter<String>(arrTab){

@Override

public

View

getView(FlowLayout

parent,

final

int

position,

String

s)

{

System.out.println(position

+

""

+

(arrTab.size()

-

1));

if

(position

==

arrTab.size()

-

1){

//設(shè)置最后一個添加標(biāo)簽的布局

LinearLayout

iv

=

(LinearLayout)

LayoutInflater.from(SecondActivity.this).inflate(

R.layout.iv,

mFlowLayout,false);

//如果點擊就添加元素并刷新adapter

iv.setOnClickListener(new

View.OnClickListener()

{

@Override

public

void

onClick(View

v)

{

int

i

=

arrTab.size()

-

1;

//將新加入的數(shù)據(jù)加到集合的最后一個位置,而原來的添加圖標(biāo)會到

+1

的位置

arrTab.add(i

,

mVals[position]);

adapter.notifyDataChanged();

}

});

return

iv

;

}else{

//正常標(biāo)簽的布局

RelativeLayout

tv

=

(RelativeLayout)

LayoutInflater.from(SecondActivity.this).inflate(

R.layout.tv,

mFlowLayout,false);

TextView

viewById

=

(TextView)

tv.findViewById(R.id.tv_name);

viewById.setText(s);

ImageView

imageView

=

(ImageView)

tv.findViewById(R.id.iv_delete);

imageView.setOnClickListener(new

View.OnClickListener()

{

@Override

public

void

onClick(View

v)

{

arrTab.remove(position);

System.out.println("我點擊的是"

+

position);

adapter.notifyDataChanged();

}

});

return

tv;

}

}

};

mFlowLayout.setAdapter(adapter);各種布局文件iv

<LinearLayout

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

android:layout_width="88dp"

android:paddingTop="5dp"

android:layout_height="40dp">

<ImageView

android:layout_gravity="center"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/bacs_btn_addbq"

/>

</LinearLayout>

tv

<RelativeLayout

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

android:layout_width="88dp"

android:layout_height="wrap_content">

<!--android:background="@drawable/tag_bg"-->

<TextView

android:id="@+id/tv_name"

android:layout_marginTop="7dp"

android:layout_width="80dp"

android:gravity="center"

android:layout_height="32dp"

android:background="@drawable/bg_tv"

android:text="我是唯愛"

android:textSize="13sp"

android:textColor="#FFF">

</TextView>

<ImageView

android:id="@+id/iv_delete"

android:layout_alignParentRight="true"

android:layout_width="15dp"

android:layout_height="15dp"

android:src