自定义控件 仿微信朋友圈文字展开全文功能

自定义TextView仿微信朋友圈文字信息,展开全文功能
代码及注释如下:
首先写一个xml文件 showmore.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:maxLines="3"
        android:ellipsize="end"/>
    <TextView
        android:id="@+id/hide_show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/btn_showmore"
        android:textColor="@color/colorBlue"
        android:textSize="16sp"
        android:text="显示更多"
        android:padding="0dp"
        />
</LinearLayout>
//新建java类继承自LinearLayout
public class ShowMoreTextView extends LinearLayout {
//    用来标记是否为展开状态
    private int hideOrShow = 0;
    private TextView textView;
    private TextView button;

    public ShowMoreTextView(Context context) {
        super(context);
    }

    public ShowMoreTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
//        实例化layoutInflater对象,获取到布局填充服务
        LayoutInflater layoutInflater = (LayoutInflater)context.
                getSystemService(Context.LAYOUT_INFLATER_SERVICE);
//        填充自定义的布局xml文件
        layoutInflater.inflate(R.layout.showmore,this);
        textView = (TextView)findViewById(R.id.content);
        button=(TextView) findViewById(R.id.hide_show);
        button.setText("显示更多");
//        隐藏或显示
        hideOrShow();
    }
//    创建setContent方法为TextView填充内容
    public void setContent(String content) {
        textView.setText(content);
    }

    public void hideOrShow() {
        button.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
            //由hideOrShow的值确定按钮和textview的状态
                if (hideOrShow == 0) {
                    button.setText("收起");
                    textView.setMaxLines(100);
                    hideOrShow = 2;
                }else if(hideOrShow==2){
                    button.setText("显示更多");
                    textView.setMaxLines(3);
                    hideOrShow = 1;
                }else if(hideOrShow==1){
                    button.setText("收起");
                    textView.setMaxLines(100);
                    hideOrShow=2;
                }
            }
        });
    }
}

接下来就可以引用了,与普通的控件一样 activity_test.xml:

<?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="com.commy.activity.TestActivity">

    <com.yunfeng.laojiahenan.view.ShowMoreTextView
        android:id="@+id/showmore"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</RelativeLayout>

测试类:

public class TestActivity extends AppCompatActivity {
    private ShowMoreTextView showMoreTextView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);
        showMoreTextView=(ShowMoreTextView)findViewById(R.id.showmore);
        showMoreTextView.setContent("
            There is so much life
            I’ve left to live
            And this fire’s burning still
            When I watch you look at me 
            I think I could find a way
            To stand for every dream
            And forsake this solid ground
            And give up this fear within
            Of what would happen if they end you
            I’m in love with you
        ");
    }
}
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
以下是一个简单的示例代码,展示如何创建一个类似于微信朋友圈的界面: 1. 首先,我们需要创建一个布局文件来定义朋友圈的外观。可以使用 RecyclerView 控件来显示朋友圈中的所有帖子。 ``` <androidx.recyclerview.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="match_parent"/> ``` 2. 接下来,我们需要创建一个适配器类来填充 RecyclerView。在适配器中,我们需要实现 onCreateViewHolder、onBindViewHolder 和 getItemCount 方法。在 onCreateViewHolder 方法中,我们需要创建一个视图持有者,用于显示帖子的布局。在 onBindViewHolder 方法中,我们需要绑定数据到视图持有者中的视图。在 getItemCount 方法中,我们需要返回帖子的数量。 ``` class PostAdapter(private val postList: List<Post>) : RecyclerView.Adapter<PostAdapter.ViewHolder>() { inner class ViewHolder(view: View) : RecyclerView.ViewHolder(view) { val avatarImage: ImageView = view.findViewById(R.id.avatar_image) val userNameText: TextView = view.findViewById(R.id.user_name_text) val postText: TextView = view.findViewById(R.id.post_text) val postImage: ImageView = view.findViewById(R.id.post_image) } override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder { val view = LayoutInflater.from(parent.context) .inflate(R.layout.post_item, parent, false) return ViewHolder(view) } override fun onBindViewHolder(holder: ViewHolder, position: Int) { val post = postList[position] holder.avatarImage.setImageResource(post.avatar) holder.userNameText.text = post.userName holder.postText.text = post.postText holder.postImage.setImageResource(post.postImage) } override fun getItemCount() = postList.size } ``` 3. 然后,我们需要创建一个数据类来表示每个帖子的数据。在这个数据类中,我们需要定义帖子的属性,如头像、用户名、帖子文本和帖子图片。 ``` data class Post( val avatar: Int, val userName: String, val postText: String, val postImage: Int ) ``` 4. 最后,在 Activity 中,我们需要创建一个帖子列表,并将其与 RecyclerView 绑定。在 onCreate 方法中,我们需要创建一个帖子列表,并将其传递给适配器。然后,我们需要将适配器与 RecyclerView 绑定。 ``` class MainActivity : AppCompatActivity() { private val postList = listOf( Post(R.drawable.avatar_1, "小明", "今天天气真好", R.drawable.post_1), Post(R.drawable.avatar_2, "小红", "我最近在学习 Android Studio", R.drawable.post_2), Post(R.drawable.avatar_3, "小刚", "我很喜欢写代码", R.drawable.post_3), Post(R.drawable.avatar_4, "小李", "我喜欢旅游", R.drawable.post_4), Post(R.drawable.avatar_5, "小王", "我喜欢看电影", R.drawable.post_5), ) override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) val postAdapter = PostAdapter(postList) recycler_view.adapter = postAdapter } } ``` 这样,我们就可以创建一个简单的仿微信朋友圈的界面了。请注意,此示例代码仅用于演示目的,实际应用中可能需要进行更多的定制和优化。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值