FlowLayout流式布局實(shí)現(xiàn)標(biāo)簽谤专、類似熱門搜索這種效果

本文所使用的FlowLayout來自于鴻洋大神的框架牺丙。
正好現(xiàn)在在做項(xiàng)目需要用到。自己試著用了下抒抬,具體可以看效果圖
鴻洋的github:https://github.com/hongyangAndroid/FlowLayout

gif.gif

android Studio中注入依賴:

compile 'com.zhy:flowlayout-lib:1.0.3'

布局文件:
zhy:max_select=設(shè)置可選中的tag數(shù)量杨刨。
zhy:max_select="-1" 不限制。
zhy:max_select="5"限制可選中5個(gè)標(biāo)簽擦剑。適合文章發(fā)布選擇標(biāo)簽開發(fā)妖胀。
auto_select_effect="true | false"設(shè)置點(diǎn)擊效果可免,默認(rèn)顯示


<com.zhy.view.flowlayout.TagFlowLayout
            android:layout_marginTop="@dimen/dp_15"
            android:id="@+id/search_page_flowlayout"
            zhy:max_select="-1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

標(biāo)簽TextView及風(fēng)格的設(shè)置:

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/flowlayout_tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:background="@drawable/flowlayout_shap"
    android:text="Helloworld"
    android:textColor="@color/black">
</TextView>

這里TextView用到了shap風(fēng)格:
color 選中標(biāo)簽顏色
blackground | drawable 已選中背景。這里我引用了一個(gè)shape風(fēng)格
state_checked 是否顯示選中狀態(tài)效果做粤。
blackground | drawable 未選中背景浇借。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/theme"
        android:drawable="@drawable/button_shape"
        android:state_checked="true"></item>
    <item android:drawable="@drawable/bg_black_shape"></item>
</selector>

數(shù)據(jù)源:

 final LayoutInflater mInflater = LayoutInflater.from(SearchPageActivity.this);
        search_page_flowlayout.setAdapter(new TagAdapter<String>(mVals)
        {
            @Override
            public View getView(FlowLayout parent, int position, String s)
            {
                TextView tv = (TextView) mInflater.inflate(R.layout.search_page_flowlayout_tv,
                        search_page_flowlayout, false);
                tv.setText(s);
                return tv;
            }
        });

監(jiān)聽標(biāo)簽點(diǎn)擊事件:

  search_page_flowlayout.setOnTagClickListener(new TagFlowLayout.OnTagClickListener()
        {
            @Override
            public boolean onTagClick(View view, int position, FlowLayout parent)
            {
                Toast.makeText(SearchPageActivity.this, mVals[position], Toast.LENGTH_SHORT).show();
                //view.setVisibility(View.GONE);
                return true;
            }
        });

設(shè)置監(jiān)聽事件的回調(diào):

search_page_flowlayout.setOnSelectListener(new TagFlowLayout.OnSelectListener()
        {
            @Override
            public void onSelected(Set<Integer> selectPosSet)
            {
                SearchPageActivity.this.setTitle("choose:" + selectPosSet.toString());
            }
        });

新手上路!歡迎指導(dǎo)怕品!
以后經(jīng)常會(huì)在簡(jiǎn)書妇垢,csdn更新自己開發(fā)過程中遇到的問題,和一些好用的框架肉康。
包括一些互聯(lián)網(wǎng)的經(jīng)驗(yàn)分享闯估,歡迎同行交流
源碼:https://github.com/wapchief/android-CollectionDemo

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市吼和,隨后出現(xiàn)的幾起案子涨薪,更是在濱河造成了極大的恐慌,老刑警劉巖炫乓,帶你破解...
    沈念sama閱讀 216,843評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件刚夺,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡末捣,警方通過查閱死者的電腦和手機(jī)侠姑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,538評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來箩做,“玉大人莽红,你說我怎么就攤上這事“畎睿” “怎么了安吁?”我有些...
    開封第一講書人閱讀 163,187評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)燃辖。 經(jīng)常有香客問我鬼店,道長(zhǎng),這世上最難降的妖魔是什么郭赐? 我笑而不...
    開封第一講書人閱讀 58,264評(píng)論 1 292
  • 正文 為了忘掉前任薪韩,我火速辦了婚禮,結(jié)果婚禮上捌锭,老公的妹妹穿的比我還像新娘。我一直安慰自己罗捎,他們只是感情好观谦,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,289評(píng)論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著桨菜,像睡著了一般豁状。 火紅的嫁衣襯著肌膚如雪捉偏。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,231評(píng)論 1 299
  • 那天泻红,我揣著相機(jī)與錄音夭禽,去河邊找鬼。 笑死谊路,一個(gè)胖子當(dāng)著我的面吹牛讹躯,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播缠劝,決...
    沈念sama閱讀 40,116評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼潮梯,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了惨恭?” 一聲冷哼從身側(cè)響起秉馏,我...
    開封第一講書人閱讀 38,945評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎脱羡,沒想到半個(gè)月后萝究,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,367評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡锉罐,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,581評(píng)論 2 333
  • 正文 我和宋清朗相戀三年糊肤,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片氓鄙。...
    茶點(diǎn)故事閱讀 39,754評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡馆揉,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出抖拦,到底是詐尸還是另有隱情升酣,我是刑警寧澤,帶...
    沈念sama閱讀 35,458評(píng)論 5 344
  • 正文 年R本政府宣布态罪,位于F島的核電站噩茄,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏复颈。R本人自食惡果不足惜绩聘,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,068評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望耗啦。 院中可真熱鬧凿菩,春花似錦、人聲如沸帜讲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,692評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽似将。三九已至获黔,卻和暖如春蚀苛,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背玷氏。 一陣腳步聲響...
    開封第一講書人閱讀 32,842評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工堵未, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人盏触。 一個(gè)月前我還...
    沈念sama閱讀 47,797評(píng)論 2 369
  • 正文 我出身青樓渗蟹,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親耻陕。 傳聞我的和親對(duì)象是個(gè)殘疾皇子拙徽,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,654評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,085評(píng)論 25 707
  • afinalAfinal是一個(gè)android的ioc,orm框架 https://github.com/yangf...
    passiontim閱讀 15,429評(píng)論 2 45
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點(diǎn)贊按鈕進(jìn)度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 46,756評(píng)論 22 665
  • 這些消息想都別想诗宣,全是關(guān)于今天的事件的膘怕,不是質(zhì)問就是責(zé)罵,想著那些人義正言辭的和他講著大道理的樣子他就頭疼召庞。但他還...
    崖柏今天早起了閱讀 255評(píng)論 0 1
  • 走出來 在日新月異的今天岛心,井底之蛙的我感到身體有了盛年略衰的征兆,倒還靈活受用篮灼。 我于...
    lovingyourself閱讀 231評(píng)論 0 1