本文实例为大家分享了Android实现3D标签云效果展示的具体代码,供大家参考,具体内容如下
一、关于3D标签云
TagCloudView是一个完全基于Android ViewGroup编写的控件,支持将一组View展示为一个3D标签云,并支持全方向滚动。
GitHub中的链接地址
(一)效果
页面上标签的数据可以自己定义,数据页面可以滑动选择。
(二)AndroidStudio中使用
1.在build.gradle中添加
compile ‘com.moxun:tagcloudlib:1.0.3'
2.在布局文件中引入
3.设置Adapter 继承TagsAdapter,实现以下方法
(1)public int getCount();
返回Tag数量
(2)public View getView(Context context, int position, ViewGroup parent);
返回每个Tag实例
(3)public Object getItem(int position);
返回Tag数据
(4)public int getPopularity(int position);
针对每个Tag返回一个值,但是什么作用
4.标签云对象的属性设置
二、简单的使用示例
(一)布局文件activity_main.xml设计
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<? xml version = "1.0" encoding = "utf-8" ?> < RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android" xmlns:app = "http://schemas.android.com/apk/res-auto" android:id = "@+id/activity_main" android:layout_width = "match_parent" android:layout_height = "match_parent" > < com.moxun.tagcloudlib.view.TagCloudView android:id = "@+id/tcv_tags" android:layout_width = "match_parent" android:layout_height = "match_parent" app:autoScrollMode = "uniform" app:radiusPercent = "0.8" /> </ RelativeLayout > |
(二)设计标签云中的字体的布局
1
2
3
4
5
6
7
8
9
|
<? xml version = "1.0" encoding = "utf-8" ?> <!--单个标签云中的文本的视图--> < TextView xmlns:android = "http://schemas.android.com/apk/res/android" android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "标签云" android:textColor = "@color/textcolor_tags" /> |
(三)设计字体的颜色选择器
(res文件夹下创建color文件夹,创建textcolor_tags.xml)
1
2
3
4
5
6
7
|
<? xml version = "1.0" encoding = "utf-8" ?> <!--标签云的文本的字体的颜色选择器--> < selector xmlns:android = "http://schemas.android.com/apk/res/android" > < item android:color = "#f0f" android:state_selected = "true" /> < item android:color = "#000" android:state_selected = "false" /> </ selector > |
(四)创建适配器的类
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
package com.lwz.cloud; import android.content.Context; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; import com.moxun.tagcloudlib.view.TagsAdapter; import java.util.List; /** * 标签云页面数据的适配器 */ public class CursorTagsAdapter extends TagsAdapter { private List<String> mList; public CursorTagsAdapter( List<String> list) { this .mList = list; } @Override public int getCount() { return mList.size(); } @Override public View getView(Context context, int position, ViewGroup parent) { TextView tv = (TextView) View.inflate(context, R.layout.item_tag, null ); tv.setText(getItem(position)); return tv; } @Override public String getItem( int position) { return mList.get(position); } @Override public int getPopularity( int position) { return 1 ; } @Override public void onThemeColorChanged(View view, int themeColor) { } } |
(五)主方法调用类
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
package com.lwz.cloud; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.view.ViewGroup; import android.widget.Toast; import com.moxun.tagcloudlib.view.TagCloudView; import java.util.ArrayList; import java.util.List; /** * 标签云效果界面的设计 */ public class MainActivity extends AppCompatActivity implements TagCloudView.OnTagClickListener { TagCloudView tcvTags; //标签云对象 List<String> list = new ArrayList<>(); //标签云数据的集合 List<String> listClick = new ArrayList<>(); //点击过的标签云的数据的集合 @Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); setContentView(R.layout.activity_main); //给集合添加数据 for ( int i = 0 ; i < 20 ; i++) { list.add( "这是标签" + i); } tcvTags = (TagCloudView) findViewById(R.id.tcv_tags); //设置标签云的点击事件 tcvTags.setOnTagClickListener( this ); //给标签云设置适配器 CursorTagsAdapter adapter = new CursorTagsAdapter(list); tcvTags.setAdapter(adapter); } /** * 点击标签是回调的方法 */ @Override public void onItemClick(ViewGroup parent, View view, int position) { view.setSelected(!view.isSelected()); //设置标签的选择状态 if (view.isSelected()) { //加入集合 listClick.add(list.get(position)); } else { //移除集合 listClick.remove(list.get(position)); } Toast.makeText( this , "点击过的标签:" + listClick.toString(), Toast.LENGTH_SHORT).show(); } } |
程序运行后的界面:
点击几个标签后显示的界面:
这就是标签云的简单示例。这个标签云默认情况下是会匀速滚动的。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:https://blog.csdn.net/wenzhi20102321/article/details/53517673