一起撸个朋友圈吧(step5) 控件篇【内容（完结）】

最新推荐文章于 2025-08-14 19:04:22 发布

weixin_33726318

最新推荐文章于 2025-08-14 19:04:22 发布

阅读量609

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发

原文链接：https://juejin.im/post/5a30f5b4f265da431523e7ba

本文介绍了一个简单的社交应用分享页面的设计与实现过程，重点在于使用一个imageView展示网页缩略图，一个TextView显示标题。通过具体的布局代码展示了控件如何布局及如何在代码中进行初始化设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目地址：https://github.com/razerdp/FriendCircle

上篇链接：http://www.jianshu.com/p/3d0cc6882e1a

下篇链接：http://www.jianshu.com/p/15a9fe8f917f

这篇非常简单，页面分享时也就两个控件，一个imageView，一个textview，分别对应网页的缩略图和标题。

我们的content布局如下：

  <RelativeLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="74dp"
        android:layout_marginRight="@dimen/item_padding"
        android:padding="8dp"
        android:background="#f1f1f1">

        <razerdp.friendcircle.widget.SuperImageView
            android:id="@+id/web_thumb"
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:scaleType="centerCrop"
            tools:src="@drawable/test_avatar"/>

        <TextView
            android:id="@+id/web_title"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:layout_toRightOf="@id/web_thumb"
            android:layout_marginLeft="5dp"
            android:gravity="left|center_vertical"
            android:textColor="@color/normal_font_color"
            android:textSize="@dimen/normal_font"
            android:maxLines="2"
            android:ellipsize="end"
            tools:text="啦啦啦啦啦啦~啦啦啦啦啦啦~啦啦啦啦啦啦~"/>

    </RelativeLayout>
复制代码

预览效果如下：

在代码中，我们做的，仅仅是Find以及设置一下就好了

因为本篇太无聊，仅仅为了完整性而实现。。。。

下一篇，将会开始实现各种点击事件，欢迎关注-V-