您的位置:首页 > 移动开发 > 微信开发

超简单--仿微信朋友圈展开显示更多文字功能

2015-11-17 09:51 561 查看
(这篇里的还是太简陋,基本不可直接用于项目。已经写好一个单独封装的,可以适应多种环境的控件,个人感觉十分简单好用,敬请期待)

在做的项目需要这个功能。而且是挺常用的一个功能。

需求是有一个评论列表,太多时要隐藏,然后点击展开更多按钮就可以显示全文。

思路就是可以弄俩TextView,一个MaxLine为n,一个不限制,然后再弄个按钮控制两个TextView交替显示。

有了思路马上动手,然后发现这个效果真是很简单就实现了。。效果图





好了,废话不多说,上代码。讲解不会很多,因为实在太简单了。。。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity">

<TextView
android:id="@+id/text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ellipsize="end"
android:maxLines="2" />

<Button
android:id="@+id/btn_showmore"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/text1"
android:text="show more" />

<TextView
android:id="@+id/text2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="gone" />

<Button
android:id="@+id/btn_hidden"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/text2"
android:text="hidden"
android:visibility="gone" />
</RelativeLayout>


package com.example.csonezp.showmoredemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import butterknife.Bind;
import butterknife.ButterKnife;
import butterknife.OnClick;

public class MainActivity extends AppCompatActivity {
String text = "据报道,男子沃纳事发时与兄长在巴塔克兰剧院内欣赏演唱会,枪手突然闯入乱枪扫射,当时枪手站在沃纳的兄长身后,并命令沃纳把会场其中一扇门关上。沃纳忆述当时自己双手合十,直视枪手双眼说:“不,因为我兄弟还在里面。”枪手让沃纳的兄长和他离开,随即便把门关上,兄弟二人和其余50名观众通过会场的通风区域逃走。";

@Bind(R.id.text1)
TextView textView1;
@Bind(R.id.text2)
TextView textView2;
@Bind(R.id.btn_showmore)
Button btn_showmore;
@Bind(R.id.btn_hidden)
Button btn_hidden;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ButterKnife.bind(this);
textView1.setText(text);
textView2.setText(text);
}

@OnClick(R.id.btn_showmore)
public void showMore() {
textView1.setVisibility(View.GONE);
btn_showmore.setVisibility(View.GONE);
textView2.setVisibility(View.VISIBLE);
btn_hidden.setVisibility(View.VISIBLE);
}

@OnClick(R.id.btn_hidden)
public void hidden() {
textView1.setVisibility(View.VISIBLE);
btn_showmore.setVisibility(View.VISIBLE);
textView2.setVisibility(View.GONE);
btn_hidden.setVisibility(View.GONE);
}

}


代码中用到了butterknife这个注入工具,个人感觉蛮好用的,能节省不少开发时间。

希望能帮到大家。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: