可折叠显示文字

先来看效果图:
这里写图片描述
这里写图片描述

原理很简单:就是用RelativeLayout包装了一个TextView和一个ImageView。下面直接上代码:

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewTreeObserver;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

/**
 * 可折叠显示文字
 * 该类使用RelativeLayout封装了TextView和ImageView
 * 对TextView/ImageView的设置将使用getTextView()/getImageView()
 * 得到TextView/ImageView对象后使用代码设置。
 * 切记  其中对TextView的setText(..)和setMaxLines(..)必须调用该类的方法
 * @author 朱玉坤
 *
 */
public class CollapsibleTextView extends RelativeLayout{

    private Context mContext;
    private TextView mTextView;
    private ImageView mImageView;
    private int mMaxLines = 3;
    private boolean isFirst = true;
    private boolean imagestatus = true;
    private Bitmap downBitmap,upBitmap;

    public CollapsibleTextView(Context context, AttributeSet attrs,
            int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    public CollapsibleTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    public CollapsibleTextView(Context context) {
        super(context);
        init(context);
    }

    public TextView getTextView(){
        return mTextView;
    }

    public ImageView getImageView(){
        return mImageView;
    }

    private void init(Context context){
        mContext = context;
        mTextView = new TextView(context);
        mTextView.setId(1);
        mTextView.setEllipsize(TextUtils.TruncateAt.END);
        mTextView.setMaxLines(3);
        RelativeLayout.LayoutParams lp1 = new RelativeLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.WRAP_CONTENT);
        lp1.addRule(RelativeLayout.ALIGN_PARENT_TOP);
        mTextView.setLayoutParams(lp1);
        this.addView(mTextView);

        mImageView = new ImageView(context);
        mImageView.setId(2);

        mImageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(imagestatus){
                    if(upBitmap != null){
                        mImageView.setImageBitmap(upBitmap);
                    }
                    mTextView.setEllipsize(null); // 展开
                    mTextView.setSingleLine(false);
                }else{
                    if(downBitmap != null){
                        mImageView.setImageBitmap(downBitmap);;
                    }
                    mTextView.setEllipsize(TextUtils.TruncateAt.END); // 收缩
                    mTextView.setMaxLines(mMaxLines);
                }
                imagestatus = !imagestatus;
            }
        });
        RelativeLayout.LayoutParams lp2 = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
        lp2.addRule(RelativeLayout.CENTER_HORIZONTAL);
        lp2.addRule(RelativeLayout.BELOW,mTextView.getId());
        mImageView.setLayoutParams(lp2);
        this.addView(mImageView);
        mImageView.setVisibility(View.GONE);

    }


    public void setText(CharSequence text){
        isFirst = true;
        mTextView.setText(text);
        //通过设置MaxLines比设置的值+1来判断内容是否超过了设置的最大行
        //暂没想到更好的办法
        mTextView.setMaxLines(mMaxLines+1);
        ViewTreeObserver vto = mTextView.getViewTreeObserver();
        vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
            @Override
            public boolean onPreDraw() {
                if(isFirst){
                    isFirst = false;
                    int count = mTextView.getLineCount();
                    if(count >= (mMaxLines+1)){
                        mImageView.setVisibility(View.VISIBLE);
                    }
//                  System.out.println("count:"+count+"  mMaxLines:"+mMaxLines);
                    mTextView.setMaxLines(mMaxLines);
                }
                return true;
            }
        });
    }

    public void setMaxLines(int maxlines){
        mTextView.setMaxLines(maxlines);
        mMaxLines = maxlines;
    }

    /**
     * 设置下拉和收起时的图片
     * @param downBitmap 下拉时的图片
     * @param upBitmap   收起时的图片
     */
    public void setImage(Bitmap downBitmap,Bitmap upBitmap){
        if(downBitmap == null || upBitmap == null){
            return;
        }
        this.downBitmap = downBitmap;
        this.upBitmap = upBitmap;
        mImageView.setImageBitmap(downBitmap);
    }

    /**
     * 设置下拉和收起时的图片
     * @param down 下拉时的图片
     * @param up   收起时的图片
     */
    public void setImage(int down,int up){
        if(down == 0 || up == 0){
            return;
        }
        this.downBitmap =BitmapFactory.decodeResource(mContext.getResources(),down);
        this.upBitmap = BitmapFactory.decodeResource(mContext.getResources(),up);
        mImageView.setImageBitmap(downBitmap);
    }

}

demo及源码

### 回答1: 答:jQuery菜单折叠的案例有很多,比如使用jQuery实现左侧菜单折叠和展开效果,使用jQuery实现水平菜单折叠展开,使用jQuery实现带有箭头的菜单折叠展开,使用jQuery实现多级菜单折叠展开等等。 ### 回答2: Jquery菜单折叠案例是一种常见的网页设计技术,用于在网页上实现可折叠和展开的菜单功能。以下是一个简单的案例示例: 首先,我们需要在HTML中创建一个菜单的容器,可以是一个无序列表(<ul>)或者一个有序列表(<ol>),并为菜单添加一个唯一的ID属性。然后,在菜单容器内部添加菜单项,例如列表项(<li>),并在每个菜单项中添加子菜单或链接。 接下来,在CSS样式表中为菜单容器和菜单项添加样式,例如设置它们的背景颜色、字体大小和边框等。 然后,在JavaScript中,使用Jquery库来实现菜单的折叠和展开功能。首先,使用Jquery的选择器选择菜单容器,然后使用.slideToggle()方法来切换菜单项的可见性。这个方法将根据当前菜单项的可见性决定是展开还是折叠菜单。 最后,在用户点击菜单项时,调用一个事件处理函数来触发菜单的折叠和展开操作。可以使用Jquery的.click()方法来绑定事件处理函数到菜单项上。 这样,当用户点击菜单项时,菜单将以动画效果展开或折叠,提供更好的用户体验。 总之,Jquery菜单折叠案例是一种常用的网页设计技术,通过在HTML中创建菜单容器、样式化菜单并使用Jquery来实现折叠和展开功能,为用户提供更好的交互体验。 ### 回答3: jqury菜单折叠案例是指通过使用jqury库中的方法实现菜单的展开和折叠功能。在实际应用中,我们经常会遇到需要隐藏或显示菜单的情况,jqury菜单折叠案例为我们提供了一种简洁方便的解决方案。 首先,我们需要在HTML文件中引入jqury库,并创建相应的HTML结构来实现菜单功能。一般而言,我们会使用无序列表(ul)和列表项(li)来构建菜单,其中包含需要隐藏或显示的内容。 接着,在CSS中为菜单设置样式,包括菜单的背景色、文字样式、边框设置等。 在JS部分,我们使用jqury库提供的方法来实现菜单的折叠功能。其中,常用的方法包括`.hide()`用于隐藏菜单项,`.show()`用于显示菜单项,`.toggle()`用于切换菜单项的显示和隐藏状态。 具体实现步骤如下: 1. 使用`.hide()`方法将初始状态下需要隐藏的菜单项隐藏起来。 2. 使用`.click()`方法来监听菜单项的点击事件。 3. 在点击事件处理函数中,使用`.toggle()`方法来切换对应菜单项的显示和隐藏状态。 通过上述步骤,在页面加载时,初始状态下需要隐藏的菜单项将被隐藏起来。当用户点击菜单项时,对应的菜单项将切换显示或隐藏状态。 总结:jqury菜单折叠案例通过使用jqury库提供的方法实现菜单的展开和折叠功能。这种方法简洁方便,可以大大提升用户体验。同时,通过灵活的CSS样式设置,我们可以根据实际需求,定制出各种样式的菜单折叠效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值