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

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

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

思路就是可以弄俩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这个注入工具,个人感觉蛮好用的,能节省不少开发时间。

希望能帮到大家。

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

上一篇:安卓微信中播放视频终于可以不再自动全屏啦


下一篇:微信打开下载App提示