Android学习之路——Day1(使用RelativeLayout布局实现QQ说说)

该博客详细介绍了如何使用Android的RelativeLayout布局来实现类似QQ说说的效果,包括头像、文字、时间戳以及功能图标等元素的排列。示例代码展示了如何通过XML布局文件实现各个组件的相对位置设置。

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

RelativeLayout简介

https://blog.youkuaiyun.com/YoNow/article/details/117672856?spm=1001.2014.3001.5501

实现QQ说说

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity3">

    <ImageView
        android:layout_width="wrap_content"
        android:id="@+id/image"
        android:layout_height="wrap_content"
        android:background="@drawable/me_1">
    </ImageView>

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="湖湖"
        android:textSize="18sp"
        android:textColor="#000000"
        android:layout_toRightOf="@+id/image">
    </TextView>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="今天 15:05"
        android:layout_toRightOf="@+id/image"
        android:layout_below="@+id/text">
    </TextView>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/text2"
        android:textColor="#000000"
        android:text="我会告诉你用“蓝湖”可以自动标注吗?"
        android:layout_centerInParent="true"
        android:textSize="18sp"
        android:layout_below="@+id/image">
    </TextView>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="浏览5次"
        android:layout_below="@+id/text2"
        >
    </TextView>
    <ImageView
        android:layout_width="wrap_content"
        android:id="@+id/image1"
        android:layout_height="wrap_content"
        android:background="@drawable/comment"
        android:layout_below="@+id/text2"
        android:layout_toRightOf="@+id/text2"
        android:layout_margin="5dp">
    </ImageView>
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/zan"
        android:layout_below="@+id/text2"
        android:layout_toLeftOf="@+id/image1"
        android:layout_margin="5dp">
    </ImageView>
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/zhaunfa"
        android:layout_below="@id/text2"
        android:layout_toRightOf="@+id/image1"
        android:layout_margin="5dp">
    </ImageView>
</RelativeLayout>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值