Android TagCloudView云標(biāo)簽的使用方法
這兩天做了一個(gè)項(xiàng)目,發(fā)現(xiàn)標(biāo)簽不能更改任意一個(gè)標(biāo)簽的字體的顏色,需求如同置前標(biāo)簽,然后就對(duì)tagcloudeview稍做修改做了這么一個(gè)demo。不為別的,只為以后自己用的時(shí)候方便拷貝。
先看效果圖:
這兩天做了一個(gè)項(xiàng)目,需求如同置前標(biāo)簽,然后就對(duì)tagcloudeview稍做修改做了這么一個(gè)demo。不為別的,只為以后自己用的時(shí)候方便拷貝。
云標(biāo)簽開(kāi)源地址
在源碼里面加了兩個(gè)方法
/**修改某些位置定點(diǎn)顏色**/ public void setTagsByPosition(HashMap<Integer, Boolean> positions, List<String> tagList){ this.tags = tagList; this.removeAllViews(); if (tags != null && tags.size() > 0) { for (int i = 0; i < tags.size(); i++) { TextView tagView = (TextView) mInflater.inflate(mTagResId, null); if (mTagResId == DEFAULT_TAG_RESID) { tagView.setBackgroundResource(mBackground); tagView.setTextSize(TypedValue.COMPLEX_UNIT_SP, mTagSize); if (positions.get(i)){ tagView.setTextColor(mSeclectTagColor); }else{ tagView.setTextColor(mTagColor); } } LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); tagView.setLayoutParams(layoutParams); tagView.setText(tags.get(i)); tagView.setTag(TYPE_TEXT_NORMAL); final int finalI = i; tagView.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (onTagClickListener != null) { onTagClickListener.onTagClick(finalI); } } }); addView(tagView); } } postInvalidate(); } /**最前面的修改顏色**/ public void setTagsByLength(int length,List<String> tagList){ this.tags = tagList; this.removeAllViews(); if (tags != null && tags.size() > 0) { for (int i = 0; i < tags.size(); i++) { TextView tagView = (TextView) mInflater.inflate(mTagResId, null); if (mTagResId == DEFAULT_TAG_RESID) { tagView.setBackgroundResource(mBackground); tagView.setTextSize(TypedValue.COMPLEX_UNIT_SP, mTagSize); if (i >= length){ tagView.setTextColor(mTagColor); }else{ tagView.setTextColor(mSeclectTagColor); } } LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); tagView.setLayoutParams(layoutParams); tagView.setText(tags.get(i)); tagView.setTag(TYPE_TEXT_NORMAL); final int finalI = i; tagView.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (onTagClickListener != null) { onTagClickListener.onTagClick(finalI); } } }); addView(tagView); } } postInvalidate(); }
一目了然的方法,所以不多做解釋
另外加了一個(gè)選中字體顏色的全局常量,和一個(gè)int變量
private static final int SELCECT_TEXT_COLOR = R.color.yellow_bg;//選中后的標(biāo)簽顏色 private int mSeclectTagColor;
在styles.xml中給TagCloudView增加了一個(gè)選中字體顏色的attr
<attr name="tcvSeclecTextColor" format="reference" />
剩下就是運(yùn)用的地方
不多說(shuō),直接上代碼
public class MainActivity extends AppCompatActivity { private TagCloudView normalTagView;//標(biāo)準(zhǔn) private TagCloudView selectTagUseView;//置前 private TagCloudView positionsView;//定點(diǎn) private List<String> AllTagsNormal = new ArrayList<>(0);//整個(gè)標(biāo)簽存放集合 private List<String> AllTagsSelect = new ArrayList<>(0);//整個(gè)標(biāo)簽存放集合 private List<String> selectTags = new ArrayList<>(0);//選中的標(biāo)簽 private List<String> notSelectTags = new ArrayList<>(0);//未選中的標(biāo)簽 private List<String> AllTagsPosition = new ArrayList<>(0);//整個(gè)標(biāo)簽存放集合 private HashMap<Integer, Boolean> map = new HashMap<>(0);//記錄選擇的位置 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); normalTagView = (TagCloudView) findViewById(R.id.normalTag); selectTagUseView = (TagCloudView) findViewById(R.id.selcetTagUse); positionsView = (TagCloudView) findViewById(R.id.positionsTag); setSupportActionBar(toolbar); for (int i = 0; i < 15; i++) { AllTagsNormal.add("普通標(biāo)簽" + i); AllTagsSelect.add("置前標(biāo)簽" + i); AllTagsPosition.add("定點(diǎn)標(biāo)簽" + i); map.put(i, false); } normalTagView.setOnTagClickListener(new TagCloudView.OnTagClickListener() { @Override public void onTagClick(int position) { Snackbar.make(normalTagView, AllTagsNormal.get(position), Snackbar.LENGTH_LONG) .setAction("Action", null).show(); } }); selectTagUseView.setOnTagClickListener(new TagCloudView.OnTagClickListener() { @Override public void onTagClick(int position) { if (selectTags.contains(AllTagsSelect.get(position))) {//如果選中的里面有 就刪掉 扔到未選中的里面去 selectTags.remove(position); notSelectTags.add(AllTagsSelect.get(position)); } else { selectTags.add(AllTagsSelect.get(position));// notSelectTags.remove(position - selectTags.size() + 1); } Snackbar.make(selectTagUseView, AllTagsSelect.get(position), Snackbar.LENGTH_LONG) .setAction("Action", null).show(); AllTagsSelect.clear();//清空,重新裝數(shù)據(jù) AllTagsSelect.addAll(selectTags); AllTagsSelect.addAll(notSelectTags); bindSelectUseView(selectTags.size()); } }); positionsView.setOnTagClickListener(new TagCloudView.OnTagClickListener() { @Override public void onTagClick(int position) { bindPositionView(position); Snackbar.make(positionsView, AllTagsPosition.get(position), Snackbar.LENGTH_LONG) .setAction("Action", null).show(); } }); normalTagView.setTags(AllTagsNormal); int selectLength = 4; bindSelectUseView(selectLength); //用一個(gè)hashmap存放當(dāng)前位置是否需要變色 bindPositionView(3); bindPositionView(6); bindPositionView(9); } /** * 定點(diǎn)標(biāo)簽記錄和view變化 **/ private void bindPositionView(int position) { for (int i = 0; i < AllTagsPosition.size(); i++) { if (i == position) { if (map.get(i)) { map.put(i, false); } else { map.put(i, true); } } else { if (map.get(i)) { map.put(i, true); } else { map.put(i, false); } } } positionsView.setTagsByPosition(map, AllTagsPosition); for (int i = 0; i < AllTagsPosition.size(); i++) { if (map.get(i)) { positionsView.getChildAt(i).setBackgroundResource(R.drawable.edit_style_yellow); } } } /** * 選中標(biāo)簽的運(yùn)用 **/ private void bindSelectUseView(int selectLength) { selectTagUseView.setTagsByLength(selectLength, AllTagsSelect); selectTags.clear(); notSelectTags.clear(); for (int i = 0; i < AllTagsSelect.size(); i++) { if (i < selectLength) { selectTags.add(AllTagsSelect.get(i));//選中的存放入集合 selectTagUseView.getChildAt(i).setBackgroundResource(R.drawable.edit_style_yellow); } else { notSelectTags.add(AllTagsSelect.get(i));//未選中的存放入集合 } } } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } }
項(xiàng)目下載地址
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- vue實(shí)現(xiàn)標(biāo)簽云效果的方法詳解
- 基于python3生成標(biāo)簽云代碼解析
- 深入解析JS實(shí)現(xiàn)3D標(biāo)簽云的原理與方法
- 如何通過(guò)Python實(shí)現(xiàn)標(biāo)簽云算法
- wordpress自定義標(biāo)簽云與隨機(jī)獲取標(biāo)簽的方法詳解
- Android實(shí)現(xiàn)隨機(jī)圓形云標(biāo)簽效果
- Android自定義控件ViewGroup實(shí)現(xiàn)標(biāo)簽云
- Android實(shí)現(xiàn)3D云標(biāo)簽效果
- Android實(shí)現(xiàn)3D標(biāo)簽云簡(jiǎn)單效果
- Android實(shí)現(xiàn)3D標(biāo)簽云效果
- android隨機(jī)生成圓形云標(biāo)簽效果
- jQuery簡(jiǎn)單實(shí)現(xiàn)彩色云標(biāo)簽效果示例
- javascript實(shí)現(xiàn)動(dòng)態(tài)標(biāo)簽云
- vue實(shí)現(xiàn)標(biāo)簽云效果的示例
相關(guān)文章
Android實(shí)現(xiàn)第三方登錄的上拉展開(kāi),下拉隱藏,下拉隱藏示例
本篇文章抽出了項(xiàng)目登錄界面中實(shí)現(xiàn)的第三方登錄,用戶可以上拉展開(kāi),下拉隱藏第三方登錄這么一個(gè)效果,提高用戶和軟件的交互性。有興趣的可以了解一下。2017-01-01Android實(shí)現(xiàn)淘寶選中商品尺寸的按鈕組實(shí)例
這篇文章介紹的是仿淘寶中的選中商品不同尺寸,比如衣服有L、M、XL等等的款式。這時(shí)候我們就需要一個(gè)button組來(lái)進(jìn)行了,當(dāng)時(shí)這個(gè)時(shí)候里面的尺寸可能有很多,那怎么辦呢?這里我們就肯定要做個(gè)自適應(yīng)的按鈕組了,要不然弄出來(lái)也沒(méi)用。2016-08-08Android Studio使用教程(六):Gradle多渠道打包
這篇文章主要介紹了Android Studio使用教程(六):Gradle多渠道打包,本文講解了友盟多渠道打包、assemble結(jié)合Build Variants來(lái)創(chuàng)建task、完整的gradle腳本等內(nèi)容,需要的朋友可以參考下2015-05-05Android ViewPager自定義輪播圖并解決播放沖突
這篇文章主要為大家詳細(xì)介紹了Android ViewPager自定義輪播圖并解決播放沖突,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09Android 滑動(dòng)定位和吸附懸停效果實(shí)現(xiàn)代碼
這篇文章主要介紹了Android 滑動(dòng)定位和吸附懸停效果實(shí)現(xiàn)代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08Android getReadableDatabase() 和 getWritableDatabase()分析對(duì)比
這篇文章主要介紹了Android getReadableDatabase() 和 getWritableDatabase()分析對(duì)比的相關(guān)資料,需要的朋友可以參考下2017-06-06深入淺出RxJava+Retrofit+OkHttp網(wǎng)絡(luò)請(qǐng)求
本篇文章主要介紹了深入淺出RxJava+Retrofit+OkHttp網(wǎng)絡(luò)請(qǐng)求,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11