实现点击箭头,展示更多text内容



实现的原理为设置TextView的属性,lines,默认可以设置为一行或者两行,当点击的时候,将lines属性设置为多行,就可以实现我们想要的效果。

<TextView
                android:id="@+id/tv_trademark_explanation"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/white"
                android:drawableBottom="@drawable/tv_down_arrow"
                android:drawablePadding="10dp"
                android:ellipsize="end"
                android:lines="2"
                android:paddingBottom="11dp"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                android:text=""
                android:textColor="@color/text_color_646464"

                android:textSize="13sp" />


case R.id.tv_trademark_explanation:
switch (tag) {
case 2:
tv_trademark_explanation.setMaxLines(100);
tag = 1;
break;
case 1:
tv_trademark_explanation.setLines(2);

tag = 2;
break;
default:
break;
}
break;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
展开和收起功能的实现通常使用 JavaScript 和 CSS 来完成。以下是一个简单的例子: HTML 代码: ``` <div class="content"> <p>这是一段默认显示的文本。</p> <p class="more-text">这是一段需要点击“展开”才能看到的文本。</p> <a href="#" class="more-link">展开</a> </div> ``` CSS 代码: ``` .content .more-text { display: none; } .content .more-link { display: block; } .content .more-link.collapsed:after { content: " 展开"; } .content .more-link.expanded:after { content: " 收起"; } .content .more-link:after { content: ">"; } ``` JavaScript 代码: ``` const moreText = document.querySelector('.more-text'); const moreLink = document.querySelector('.more-link'); let isExpanded = false; moreLink.addEventListener('click', function(event) { event.preventDefault(); if (!isExpanded) { moreText.style.display = 'block'; moreLink.classList.remove('collapsed'); moreLink.classList.add('expanded'); isExpanded = true; } else { moreText.style.display = 'none'; moreLink.classList.remove('expanded'); moreLink.classList.add('collapsed'); isExpanded = false; } }); ``` 这段代码中,我们首先定义了一个需要展开的文本块和一个用来触发展开和收起的链接。然后,我们在 CSS 中设置了默认情况下展开的文本块隐藏,展开链接显示为“展开”,并添加了箭头图标。最后,在 JavaScript 中,我们给展开链接添加了一个点击事件监听器,当点击链接时,根据当前状态展开或收起文本块,并在展开链接上切换类,以改变箭头方向和文字。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值