android具有折叠效果的控件

最新推荐文章于 2024-07-21 23:44:56 发布
最新推荐文章于 2024-07-21 23:44:56 发布
阅读量4.7k 收藏 1
点赞数
分类专栏： android 控件实现原理 文章标签： 源码 控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ahubenkui/article/details/54427888
版权
本文介绍了一个自定义的Android控件，用于实现具有折叠效果。控件包含TextView，可扩展行数，并允许自定义展开和折叠图标。在使用过程中需要注意Drawable的setBounds设置，以及对控件的扩展和属性配置。文章提到了在不同情况下TextView布局的构建，如StaticLayout和DynamicLayout的使用。
摘要由CSDN通过智能技术生成

在工作中有时候遇到这样的效果
这里写图片描述

这里写图片描述

源码如下：
package com.example.bkhu.myapplication;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;

/**
* Created by bkhu on 17/1/2.
*/
public class cutomeView extends LinearLayout {
private boolean isExprand = false;
private TextView contentView = null;
private TextView expandText = null;
private int mMaxCollapseLine = 3;
private Drawable expandDrable = null;
private Drawable collapseDrawable = null;

public cutomeView(Context context) {
    this(context, null);
}

public cutomeView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
}

public cutomeView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.cutomeView, defStyleAttr, 0);
    expandDrable = a.getDrawable(R.styleable.cutomeView_expand_drawable);
    collapseDrawable = a.getDrawable(R.styleable.cutomeView_collapse_drawable);
    if (expandDrable != null) {
        expandDrable.setBounds(0, 0, 48, 24);
    }
    if (collapseDrawable != null) {
        collapseDrawable.setBounds(0, 0, 48, 24);
    }

    initView(context);
}

public void initView(Context context) {
    if (getChildCount() > 0) {
        removeAllViews();
    }

    TextView titleTextView = new TextView(context);
    titleTextView.setText("title");
    addView(titleTextView);
    contentView = new TextView(context);
    contentView.setEllipsize(TextUtils.TruncateAt.END);
    contentView.setTextSize(15);
    contentView.setText("内容内容内容内容内容内容内容内容内容" +
            "内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容" +
            "容内容内容内容内容内容内容内容内容内容内容内容内" +
            "容内容内容内容内容内容内容内容内容内容内容内容内容" +
            "内容内容内容内容内容内容内容内容内容内容内容内容内容内容" +
            "内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容" +
            "内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容");
    addView(contentView);
    expandText = new TextView(context);
    expandText.setEllipsize(TextUtils.TruncateAt.END);
    contentView.setTextSize(15);
    expandText.setText("点击");
    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,
            LayoutParams.WRAP_CONTENT);
    params.gravity = Gravity.RIGHT;
    expandText.setLayoutParams(params);
    addView(expandText, params);

}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

    if (expandText != null) {
        expandText.setVisibility(View.GONE);
    }
    if (contentView != null) {
        contentView.setMaxLines(Integer.MAX_VALUE);
    }
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    if (contentView != null && !isExprand) {
        contentView.setMaxLines(mMaxCollapseLine);
    }
    if (expandText != null) {
        expandText.setVisibility(View.VISIBLE);
        if (isExprand) {
            expandText.setCompoundDrawables(null, null, collapseDrawable, null);
        } else {
            expandText.setCompoundDrawables(null, null, expandDrable, null);
        }
        expandText.setText(getText());
    }

    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}

public void setExprand(boolean isexprand) {
    isExprand = !isexprand;
    requestLayout();
    if (mOnChangeCallBack != null) {
        mOnChangeCallBack.change(isExprand);
    }
}

public boolean getExprand() {
    return isExprand;
}

private String getText() {
    return isExprand ? "收起" : "展开";
}

public OnChangeCallBack mOnChangeCallBack;

public void setOnChangeCallBack(OnChangeCallBack onChangeCallBack) {
    this.mOnChangeCallBack = onChangeCallBack;
}

public interface OnChangeCallBack {
    void change(boolean isExprand);
}

}

attrs.xml

    <attr name="expand_drawable" format="reference"/>
    <attr name="collapse_drawable" format="reference"/>


使用方式：

View view = inflater.inflate(R.layout.item_view, null);
final cutomeView cutomeView = (cutomeView) view.findViewById(R.id.cotume_view);
cutomeView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
cutomeView.setExprand(isExprand);
}
});
cutomeView.setOnChangeCallBack(new cutomeView.OnChangeCallBack() {
@Override
public void change(boolean isexprand) {
isExprand = isexprand;
}
});

注意：

expandDrable = a.getDrawable(R.styleable.cutomeView_expand_drawable);
collapseDrawable = a.getDrawable(R.styleable.cutomeView_collapse_drawable);
if (expandDrable != null) {
expandDrable.setBounds(0, 0, 48, 24);
}
if (collapseDrawable != null) {
collapseDrawable.setBounds(0, 0, 48, 24);
}

drawable 必须设置setBounds 不然现实不出来，只有设置固定大小，就可以现实出来。

后期对折叠空间进行了扩展，现在需求中很多的需求，

1 当显示的内容不大于设定行数，添加设定行数的属性，
2 对于折叠控件的大小样式进行扩展
package com.example.bkhu.myapplication;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.text.DynamicLayout;
import android.text.Layout;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.View;
import android.view.ViewTreeObserver;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.example.bkhu.myapplication.R;

/**
* Created by bkhu on 17/1/2.
*/
public class HotelCustomExpandView extends LinearLayout implements View.OnClickListener {
private boolean isExpand = false;
private TextView contentView = null;
private TextView expandText = null;
private int mMaxCollapseLine = 2;
private Drawable expandDrawable = null;
private Drawable collapseDrawable = null;
private int mContentTextStyle;
private int mExpandTextStyle;
private String mExpandTextTitle;
private String mCollapseTextTitle;
private boolean onClick;

public HotelCustomExpandView(Context context) {
    this(context, null);
}

public HotelCustomExpandView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
}

public HotelCustomExpandView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.hote
最低0.47元/天 解锁文章
ahubenkui
关注
专栏目录
AndroidFoldingLayout自定义控件-超炫可折叠布局
10-13
AndroidFoldingLayout自定义控件-超炫可折叠布局。简洁、可以直接引用、易于修改
android 可折叠的控件
liuye066的专栏
06-23 1416
最近新学习了一个可折叠控件，在控件中可添加布局； ExpandView.java public class ExpandView extends FrameLayout implements View.OnClickListener { private Animation mExpandAnimation; private Animation mCollapseAnimation; private boolean mIsExpand; private int layou
android 实现点击折叠/展开功能
最新发布
2401_86408168的博客
07-21 566
在Android中，实现点击折叠/展开功能通常可以通过修改视图的可见性或者改变布局参数来达到目的。
Android5.0+(CollapsingToolbarLayout)
weixin_33675507的博客
07-28 200
2019独角兽企业重金招聘Python工程师标准>>> ...
Android Folding View（折叠视图、控件）
weixin_34174105的博客
01-21 121
  版本号：1.0日期：2014.4.21版权：© 2014 kince 转载注明出处非常早之前看过有人求助以下这个效果是怎样实现的，  也就是側滑菜单的一个折叠效果，事实上关于这个效果的实现，谷歌的一名project师已经完毕。并开放源代码到devbytes上面了。如以下所看到的：  地址是： https://android.googlesource.com/platform/develop...
AndroidFoldingView（折叠视图、控件）
{丸の子}
01-07 293
很早之前看过有人求助以下这个效果是如何实现的， [img]http://dl2.iteye.com/upload/attachment/0105/0041/a480a29b-d264-328f-b439-6412d66787b3.jpg[/img] 也就是侧滑菜单的一个折叠效果，其实关于这个效果的实现，谷歌的一名工程师已经完成，并开放源码到devbytes上面了。如下面所示： [img]ht...
Android显示全文折叠控件使用方法详解
01-05
一般列表里文字太多的一个折叠效果的空间，效果图如下。 当文字超过设定的行数后就折叠，小于设定行数不显示展开按钮。下面上代码。 先看布局文件： <?xml version=1.0 encoding=utf-8?> <...
android 实现控件搜索折叠效果 Animation动画折叠和普通折叠
05-28
android 实现控件搜索折叠效果 Animation动画折叠和普通控件直接折叠效果； 原理很简单，都是获取对应的高度，通过实现高度变化而改变显示效果； Animation动画实现方法是： ObjectAnimator anim = ObjectAnimator...
android 可折叠TextView 自定义控件
12-23
一个好的自定义控件应该具有良好的扩展性，允许开发者自定义展开提示符、折叠行数、动画效果等。这可以通过公开相关属性并使用`setters`方法来实现。 6. **优化(Optimization)** 在处理大量文本时，性能优化是必...
android内容页折叠,CoordinatorLayout页面折叠控件
weixin_35385462的博客
06-03 878
简介CoordinatorLayout是一种嵌套滑动控件，结合AppbarLayout, CollapsingToolbarLayout等 可 产生各种炫酷的折叠悬浮效果。本文参考文章CoordinatorLayout 学习(一) - CoordinatorLayout的基本使用使用作为最上层的View作为一个 容器与一个或者多个子View进行交互AppBarLayout如果我们想要实现折叠的Ac...
Android代码-TabLayout和CoordinatorLayout相结合的折叠控件
08-08
CoordinatorTabLayout 中文版文档 CoordinatorTabLayout is a custom composite control that quickly implements the combination of TabLayout and CoordinatorLayout. Inherited to the CoordinatorLayout, in the following components used CollapsingToolbarLayout contains TabLayout. Usage Step 1 Add the following to your build.gradle: dependencies { compile 'cn.hugeterry.coordinatortablayout:coordinatortablayout:1.2.2' } Step 2 Config in xml: Step 3 Use it in your own code: 1.setTitle(String title):
android可折叠的控件,Android 一个可折叠的文本控件
weixin_28949779的博客
06-04 826
项目中有文字框可折叠的需求，即文本内容超出我们规定的行数。这时候用户可以自己进行手动折叠展开。效果如下：折叠效果展开效果这时候我们可以通过自定义文本控件来完成这种效果，下面写出关键代码，具体实现细节可以在我的GitHub中查看。1、 创建布局 collapsible_textview_layout.xmlxmlns:android="http://schemas.android.com/apk/...
Android开发实战手把手教你实现一个折叠式布局
门心叼龙的专栏
10-29 6219
在上一篇文章我们实现了一个头部固定的ExpandedListView,今天需要在他的头部加一个背景图片，默认状态下他处于展开状态，往上滑的时候背景图片逐渐的折叠起来，往下滑的时候背景图片慢慢的展开效果图如下： 图1 有人可能会说这不就是折叠式布局吗？是的，这就是Android 5.0给我们提供的材料设计库中的CoordinateLayout就是解决这个问题的，使用CoordinateLayout来...
Android 显示全文折叠控件
switch(mind)
11-03 4260
一般列表里文字太多的一个折叠效果的空间，效果图如下。 当文字超过设定的行数后就折叠，小于设定行数不显示展开按钮。下面上代码。 先看布局文件：<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:lay
Android 5.0新控件 CollapsingToolbarLayout | 折叠工具布局 介绍及使用详情
郭勇的博客
05-21 1519
Android 5.0新控件 CollapsingToolbarLayout | 折叠工具布局 介绍及使用详情extends FrameLayout先让我们来看下Google对这个组件的定义(英语好的同学请忽略我的翻译) CollapsingToolbarLayout is a wrapper for Toolbar which implements a collapsing app bar.
Android Material Design之折叠Toolbar(CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+toolbar)(七)
csdn_yang123的博客
11-25 723
Android Material Design之折叠Toolbar
ExpandableRecyclerView：打造可折叠的Android列表控件
gitblog_00007的博客
05-26 670
ExpandableRecyclerView：打造可折叠的Android列表控件 项目地址:https://gitcode.com/drawthink/ExpandableRecyclerView 项目介绍 ExpandableRecyclerView 是一个轻量级的Android开源库，它为开发者提供了一种简单的方式，用于创建可展开和折叠的RecycleView列表。这个项目由 Drawthi...
Android CollapsingToolbarLayout控件
热门推荐
假装你是大灰狼的专栏
09-04 1万+
1. CollapsingToolbarLayout CollapsingToolbarLayout是5.0版本出现的控件，可以实现Toolbar的折叠效果。 CollapsingToolbarLayout的属性 app:contentScrim，指定布局内部未展开时的背景颜色 app:collapsedTitleTextAppearance，指定未展开时的标题文字字体 app:colla...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值