android 流失标签,Android自定义标签流式布局

最新推荐文章于 2024-05-09 06:32:00 发布
最新推荐文章于 2024-05-09 06:32:00 发布
阅读量185 收藏
点赞数
文章标签： android 流失标签

1.定义流式布局属性

2.自定义View

public class TagCloudViewextends ViewGroup{

private static final StringTAG = TagCloudView.class.getSimpleName();

private static final int TYPE_TEXT_NORMAL =1;

private Listtags;

private LayoutInflatermInflater;

private OnTagClickListeneronTagClickListener;

private int sizeWidth;

private int sizeHeight;

private float mTagSize;

private int mTagColor;

private int mBackground;

private int mViewBorder;

private int mTagBorderHor;

private int mTagBorderVer;

private int mTagResId;

private int mRightImageResId;

private boolean mSingleLine;

private boolean mShowRightImage;

private boolean mShowEndText;

private boolean mCanTagClick;

private StringendTextString;

private int imageWidth;

private int imageHeight;

private ImageViewimageView =null;

private int endTextWidth =0;

private int endTextHeight =0;

private TextViewendText =null;

private static final int DEFAULT_TEXT_COLOR = Color.WHITE;

private static final int DEFAULT_TEXT_SIZE =14;

private static final int DEFAULT_TEXT_BACKGROUND = R.drawable.tag_background;

private static final int DEFAULT_VIEW_BORDER =6;

private static final int DEFAULT_TEXT_BORDER_HORIZONTAL =8;

private static final int DEFAULT_TEXT_BORDER_VERTICAL =5;

private static final int DEFAULT_TAG_RESID = R.layout.item_tag;

private static final int DEFAULT_RIGHT_IMAGE = R.drawable.arrow_right;

private static final boolean DEFAULT_SINGLE_LINE =false;

private static final boolean DEFAULT_SHOW_RIGHT_IMAGE =true;

private static final boolean DEFAULT_SHOW_END_TEXT =true;

private static final StringDEFAULT_END_TEXT_STRING =" 鈥� ";

private static final boolean DEFAULT_CAN_TAG_CLICK =true;

public TagCloudView(Context context) {

this(context, null);

}

public TagCloudView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public TagCloudView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

mInflater = LayoutInflater.from(context);

TypedArray a = context.getTheme().obtainStyledAttributes(

attrs,

R.styleable.TagCloudView,

defStyleAttr,

defStyleAttr

);

mTagSize = a.getDimension(R.styleable.TagCloudView_tcvTextSize, DEFAULT_TEXT_SIZE);

mTagColor = a.getColor(R.styleable.TagCloudView_tcvTextColor, DEFAULT_TEXT_COLOR);

mBackground = a.getResourceId(R.styleable.TagCloudView_tcvBackground, DEFAULT_TEXT_BACKGROUND);

mViewBorder = a.getDimensionPixelSize(R.styleable.TagCloudView_tcvBorder, DEFAULT_VIEW_BORDER);

mTagBorderHor = a.getDimensionPixelSize(

R.styleable.TagCloudView_tcvItemBorderHorizontal, DEFAULT_TEXT_BORDER_HORIZONTAL);

mTagBorderVer = a.getDimensionPixelSize(

R.styleable.TagCloudView_tcvItemBorderVertical, DEFAULT_TEXT_BORDER_VERTICAL);

mCanTagClick = a.getBoolean(R.styleable.TagCloudView_tcvCanTagClick, DEFAULT_CAN_TAG_CLICK);

mRightImageResId = a.getResourceId(R.styleable.TagCloudView_tcvRightResId, DEFAULT_RIGHT_IMAGE);

mSingleLine = a.getBoolean(R.styleable.TagCloudView_tcvSingleLine, DEFAULT_SINGLE_LINE);

mShowRightImage = a.getBoolean(R.styleable.TagCloudView_tcvShowRightImg, DEFAULT_SHOW_RIGHT_IMAGE);

mShowEndText = a.getBoolean(R.styleable.TagCloudView_tcvShowEndText, DEFAULT_SHOW_END_TEXT);

endTextString = a.getString(R.styleable.TagCloudView_tcvEndText);

mTagResId = a.getResourceId(R.styleable.TagCloudView_tcvTagResId, DEFAULT_TAG_RESID);

a.recycle();

}

@Override

public boolean onInterceptTouchEvent(MotionEvent ev) {

return (!mCanTagClick &&mSingleLine) ||super.onInterceptTouchEvent(ev);

}

@Override

protected void onLayout(boolean changed, int l, int t, int r, int b) {

}

/**

* 璁＄畻 ChildView 瀹介珮

* @param widthMeasureSpec

* @param heightMeasureSpec

*/

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

/**

* 璁＄畻 ViewGroup 涓婄骇瀹瑰櫒涓哄叾鎺ㄨ崘鐨勫楂�

*/

int widthMode = MeasureSpec.getMode(widthMeasureSpec);

int heightMode = MeasureSpec.getMode(heightMeasureSpec);

sizeWidth = MeasureSpec.getSize(widthMeasureSpec);

sizeHeight = MeasureSpec.getSize(heightMeasureSpec);

//璁＄畻 childView 瀹介珮

measureChildren(widthMeasureSpec, heightMeasureSpec);

initSingleLineView(widthMeasureSpec, heightMeasureSpec);

int totalWidth =0;

int totalHeight =mTagBorderVer;

if (mSingleLine) {

totalHeight = getSingleTotalHeight(totalWidth, totalHeight);

}else {

totalHeight = getMultiTotalHeight(totalWidth, totalHeight);

}

/**

* 楂樺害鏍规嵁璁剧疆鏀瑰彉

* 濡傛灉涓� MATCH_PARENT 鍒欏厖婊＄埗绐椾綋锛屽惁鍒欐牴鎹唴瀹硅嚜瀹氫箟楂樺害

*/

setMeasuredDimension(

sizeWidth,

(heightMode == MeasureSpec.EXACTLY ?sizeHeight : totalHeight));

}

/**

* 鍒濆鍖� singleLine 妯″紡闇�瑕佺殑瑙嗗浘

* @param widthMeasureSpec

* @param heightMeasureSpec

*/

private void initSingleLineView(int widthMeasureSpec, int heightMeasureSpec) {

if (!mSingleLine) {

return;

}

if (mShowRightImage) {

imageView =new ImageView(getContext());

imageView.setImageResource(mRightImageResId);

imageView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));

imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE);

measureChild(imageView, widthMeasureSpec, heightMeasureSpec);

imageWidth =imageView.getMeasuredWidth();

imageHeight =imageView.getMeasuredHeight();

addView(imageView);

}

if (mShowEndText) {

endText = (TextView)mInflater.inflate(mTagResId, null);

if (mTagResId ==DEFAULT_TAG_RESID) {

endText.setBackgroundResource(mBackground);

endText.setTextSize(TypedValue.COMPLEX_UNIT_SP, mTagSize);

endText.setTextColor(mTagColor);

}

LayoutParams layoutParams =new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

endText.setLayoutParams(layoutParams);

endText.setText(endTextString ==null ||endTextString.equals("") ?DEFAULT_END_TEXT_STRING :endTextString);

measureChild(endText, widthMeasureSpec, heightMeasureSpec);

endTextHeight =endText.getMeasuredHeight();

endTextWidth =endText.getMeasuredWidth();

addView(endText);

endText.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View view) {

if (onTagClickListener !=null) {

onTagClickListener.onTagClick(-1);

}

}

});

}

}

/**

* 涓� singleLine 妯″紡甯冨眬锛屽苟璁＄畻瑙嗗浘楂樺害

* @param totalWidth

* @param totalHeight

* @return

*/

private int getSingleTotalHeight(int totalWidth, int totalHeight) {

int childWidth;

int childHeight;

totalWidth +=mViewBorder;

int textTotalWidth = getTextTotalWidth();

if (textTotalWidth

endText =null;

endTextWidth =0;

}

for (int i =0; i < getChildCount(); i++) {

View child = getChildAt(i);

childWidth = child.getMeasuredWidth();

childHeight = child.getMeasuredHeight();

if (i ==0) {

totalWidth += childWidth;

totalHeight = childHeight +mViewBorder;

}else {

totalWidth += childWidth +mTagBorderHor;

}

if (child.getTag() !=null && (Integer)child.getTag() ==TYPE_TEXT_NORMAL) {

if (totalWidth +mTagBorderHor +mViewBorder +mViewBorder +endTextWidth +imageWidth

child.layout(

totalWidth - childWidth +mTagBorderVer,

totalHeight - childHeight,

totalWidth +mTagBorderVer,

totalHeight);

}else {

totalWidth -= childWidth +mViewBorder;

break;

}

}

}

if (endText !=null) {

endText.layout(

totalWidth +mViewBorder +mTagBorderVer,

totalHeight -endTextHeight,

totalWidth +mViewBorder +mTagBorderVer +endTextWidth,

totalHeight);

}

totalHeight +=mViewBorder;

if (imageView !=null) {

imageView.layout(

sizeWidth -imageWidth -mViewBorder,

(totalHeight -imageHeight) /2,

sizeWidth -mViewBorder,

(totalHeight -imageHeight) /2 +imageHeight);

}

return totalHeight;

}

/**

* 涓� multiLine 妯″紡甯冨眬锛屽苟璁＄畻瑙嗗浘楂樺害

* @param totalWidth

* @param totalHeight

* @return

*/

private int getMultiTotalHeight(int totalWidth, int totalHeight) {

int childWidth;

int childHeight;

for (int i =0; i < getChildCount(); i++) {

View child = getChildAt(i);

childWidth = child.getMeasuredWidth();

childHeight = child.getMeasuredHeight();

totalWidth += childWidth +mViewBorder;

if (i ==0) {

totalHeight = childHeight +mViewBorder;

}

// + marginLeft 淇濊瘉鏈�鍙充晶涓� ViewGroup 鍙宠竟璺濇湁杈圭晫

if (totalWidth +mTagBorderHor +mViewBorder>sizeWidth) {

totalWidth =mViewBorder;

totalHeight += childHeight +mTagBorderVer;

child.layout(

totalWidth +mTagBorderHor,

totalHeight - childHeight,

totalWidth + childWidth +mTagBorderHor,

totalHeight);

totalWidth += childWidth;

}else {

child.layout(

totalWidth - childWidth +mTagBorderHor,

totalHeight - childHeight,

totalWidth +mTagBorderHor,

totalHeight);

}

}

return totalHeight +mViewBorder;

}

private int getTextTotalWidth() {

if (getChildCount() ==0) {

return 0;

}

int totalChildWidth =0;

for (int i =0; i < getChildCount(); i++) {

View child = getChildAt(i);

if (child.getTag() !=null && (Integer)child.getTag() ==TYPE_TEXT_NORMAL) {

totalChildWidth += child.getMeasuredWidth() +mViewBorder;

}

}

return totalChildWidth +mTagBorderHor *2;

}

@Override

public LayoutParamsgenerateLayoutParams(AttributeSet attrs) {

return super.generateLayoutParams(attrs);

}

public void setTags(List tagList) {

this.tags = tagList;

if (tags !=null &&tags.size() >0) {

for (int i =0; i

TextView tagView = (TextView)mInflater.inflate(mTagResId, null);

if (mTagResId ==DEFAULT_TAG_RESID) {

tagView.setBackgroundResource(mBackground);

tagView.setTextSize(TypedValue.COMPLEX_UNIT_SP, mTagSize);

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 setOnTagClickListener(OnTagClickListener onTagClickListener) {

this.onTagClickListener = onTagClickListener;

}

public interface OnTagClickListener{

void onTagClick(int position);

}

}

3.xml布局文件设置标签流式布局

android:id="@+id/chooseTypePop"

android:layout_width="match_parent"

android:layout_height="wrap_content"

app:tcvBackground="@drawable/background_tag_selector"

app:tcvBorder="8dp"

app:tcvCanTagClick="false"

app:tcvItemBorderHorizontal="8dp"

app:tcvItemBorderVertical="6dp"

app:tcvSingleLine="false"

app:tcvTagResId="@layout/item_tag_style"

app:tcvTextColor="@color/compnay_show_type_tag_text_bg"

android:background="@color/white"/>

4.结合popupwindow使用

if (popupWindow ==null) {

LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

view = layoutInflater.inflate(R.layout.choose_type_pop, null);

chooseTypePopView = (TagCloudView)view.findViewById(R.id.chooseTypePop);

chooseTypePopView.setTags(tags);

chooseTypePopView.setOnTagClickListener(onTagClickListener);

// 创建一个PopuWidow对象

popupWindow =new PopupWindow(view, displayWidth, displayHeight);

popupWindow.setAnimationStyle(R.style.PopupWindowAnimation);

}

// 使其聚集

popupWindow.setFocusable(true);

// 设置允许在外点击消失

popupWindow.setOutsideTouchable(true);

// 这个是为了点击“返回Back”也能使其消失，并且并不会影响你的背景

popupWindow.setBackgroundDrawable(new BitmapDrawable());

// WindowManager windowManager = (WindowManager) context

// .getSystemService(Context.WINDOW_SERVICE);

popupWindow.showAsDropDown(parent, 0, dip2px(10));

popupWindow.setOnDismissListener(new OnDismissListener() {

@Override

public void onDismiss() {

arrowImg.setSelected(false);

}

});

typeLy.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

arrowImg.setSelected(false);

popupWindow.dismiss();

}

});

triaslab
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android流式标签布局，自定义标签控件tagView
ss8860524的博客
11-14 8468
我们在一些项目中会用到自定义流式布局，我个人觉得流式布局将呆板的布局错综排列,来提升用户体验度.(还可以不辜负美工妹子们的期望,人家毕竟也辛辛苦苦设计半天)。今天终于有时间来做做了。写的不好，很多地方值得改进望大家一起交流。                   这是效果图：                                                          
Android-教你自作一个简单而又实用的流式Tag标签布局
Android小酌
10-20 1万+
在这一章节，我们继续学习Android自定义控件。这里要自定义的是Android里面的一个常用控件-Android流式Tag布局，这里我们命名为：FlowTagLayout，我们要实现的流式布局，有如下特色： 填充数据和ListView、GridView用法一样使用Adapter，更新数据直接通过adapter.notifyDataChanged来更新 支持点击、单选、多选三种模式
android TagFlowLayout 标签流式布局
qq_26331411的博客
08-07 688
【代码】android TagFlowLayout 标签流式布局。
【需求解决系列之三】Android 自定义可展开收回的ExpandableTextView(1)
最新发布
2401_84897193的博客
05-09 861
int startPosition = mDynamicLayout.getLineStart(index); //获取指定行的行宽 float lineWidth = mDynamicLayout.getLineWidth(index);下面这个图会对上面的参数进行简单的说明：有了这些东西经过简单的计算我们就可以获取到我们需要截取的内容长度。对原内容进行截取再拼接上“展开”或“收回”即可！/**if (position < 0) return endPosition; //计算最后一行需要显示的正文的长度
Android标签布局
qq_20964593的博客
05-24 461
一：首先我们通过继承ViewGroup来自定义一个布局XCFlowLayout,该布局是从别的博主那拷来的，感谢：import android.content.Context; import android.util.AttributeSet; import android.view.View; import android.view.ViewGroup; import java.util.Ar
流式布局实现选择标签页小实例
hxltech的专栏
10-18 1627
参考Android-教你自作一个简单而又实用的流式Tag标签布局一文实现了流式布局的效果，支持单选，多选。这篇文章写的很好。 在这篇文章中作者对每个类的主要方法和设计思路进行了说明。实例代码地址 我通过对实例代码稍微修改实现我自己需要的选择标签页面，包含热门标签和其他标签，只能选择一个标签。 实现的效果图:             图1
android自定义流式布局和热门标签控件【源码】
05-21
本文将深入探讨如何在Android中实现自定义的流式布局（FlowLayout）和热门标签控件，同时提供相关的源码分析。 首先，流式布局是一种常见的布局方式，它允许子视图在一行内排列，当行满时自动换行。在Android的默认...
Android实现单行标签流式布局
01-20
在Android开发中，流式布局（FlowLayout）是一种常见的布局方式，尤其适用于标签展示，它可以自动调整子视图的位置，使得...这个过程需要对Android布局系统有深入理解，同时也展示了Android开发中自定义布局的灵活性。
Android实现热门标签的流式布局
09-03
总之，实现Android的热门标签流式布局涉及自定义ViewGroup、重写测量和布局方法，以及处理LayoutParams等多个环节。通过这样的方式，我们可以构建出符合需求的动态布局，适应各种屏幕尺寸和设备，为用户提供更好的...
Android 自定义流式标签控件
07-21
总结起来，创建一个Android自定义流式标签控件涉及的关键技术点包括： 1. 继承ViewGroup并重写onMeasure(), onLayout()和onDraw()方法。 2. 理解MeasureSpec和布局测量过程。 3. 实现流式布局策略，处理子视图的换行...
Android开发之流式标签布局
zjp776的博客
08-04 2658
转载请注明地址：http://blog.csdn.net/jdsjlzx/article/details/45042081?ref=myread 1、流式布局的特点以及应用场景     特点：当上面一行的空间不够容纳新的TextView时候，才开辟下一行的空间。主要用于关键词搜索或者热门标签等场景。 2、自定义ViewGroup,重点重写下面两个方法     (1) onM
Android自定义控件（打造流布局实现热门搜索标签）
03-09
博文源码，链接：http://blog.csdn.net/Airsaid/article/details/50836296
Android自定义标签选择器TagView
11-11
Android自定义标签选择器TagView [注：本内容来自网络，在此分享仅为帮助有需要的网友，如果侵犯了您的权利，麻烦联系我，我会第一时间删除，谢谢您。]
AndroidTabView:安卓标签视图
07-10
安卓标签视图 安卓标签视图
android 历史搜索布局,《Android APP可能有的东西》之UI篇：流式标签&搜索历史
weixin_29888579的博客
05-26 153
说在前面很多APP都有热门排行热门搜索什么的，这个时候可能需要用到标签，也就是流式布局，而还有可能用到的就是搜索历史记录，这种一般都是使用listview展示。但是，相当有可能是反过来的UI展示效果，热门排行用listview,历史记录使用流式标签。所以这里给出相结合的Demo实例以及说明。FlowLayout流式标签使用了继承至ViewGroup的自定义控件，数据载入方式为String数组。此自...
android 标签瀑布流 单选多选,RecyclerView实现流式标签单选多选功能
weixin_42443992的博客
05-26 975
RecyclerView简介RecyclerView是Android一个更强大的控件,其不仅可以实现和ListView同样的效果,还有优化了ListView中的各种不足。其可以实现数据纵向滚动,也可以实现横向滚动(ListView做不到横向滚动)。接下来讲解RecyclerView的用法。RecyclerView 基本用法因为RecyclerView属于新增的控件,Android将Recycler...
Android 实现FlowLayout流式布局（类似热门标签）
菜鸟的博客
05-24 8777
今天跟大家分享一下FlowLayout，最近项目中有遇到热门标签这个样的布局（文章末尾可下载源码），如下图：一，创建FlowLayout并继承ViewGroupFlowLayout 类主要实现onMeasure，onLayout和generateLayoutParams方法，具体如下看代码注释；public class FlowLayout extends ViewGroup { publ
Android流式布局FlowLayout，一款针对Tag的布局
热门推荐
裴泓博
12-13 2万+
交流群 : 668524118 本群主要用于编程技术 ,及创意作品 ,思维架构的交流 ,欢迎喜欢创新 ,热爱生活的朋友加入 ! 前言 flow layout， 流式布局， 这个概念在移动端或者前端开发中很常见，特别是在多标签的展示中， 往往起到了关键的作用。然而Android 官方， 并没有为开发者提供这样一个布局， 于是有很多开发者自己做了这样的工作，github上也出现了很多
Android标签流控件的实现
wk843620202的专栏
06-14 4457
在我们的开发过程中，常常会遇到这样的场景: 我们展示一种物品或者为某一事物添加一些标签。比如说，我们买一件衣服，可以有以下几种标签:杰克琼斯，男士,运动等等。 但我们这时候可能并不知道标签的数量和每个标签的文字，所以，我们在开发过程中，需要实现下面的功能: 我们从服务器端获取标签的信息，然后将其动态的添加到布局中，并且我们能够得到我们选择容器的信息，并将选中的标签重新返回至服务器。 因此，
【Android】掌握自定义LayoutManager(二) 实现流式布局1
08-03
文章标题为"【Android】掌握自定义LayoutManager(二) 实现流式布局"，作者是博客专家zxt0601。这篇文章于2016年10月28日发布在CSDN博客上，链接为http://blog.csdn.net/zxt0601/article/details/52956504。全文共有...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值