您的位置:首页 > 其它

仿照qq界面接收短信的界面效果图

2016-01-16 19:13 190 查看
我这个布局主要采用Relativelayout实现的,因为RelativeLayou是一个用于设计用户界面的强大工具,因为它能消除嵌套视图组和保持我们布局为扁平结构,这可以提高运行时性能。如果我们采用了多个嵌套的LinearLayout组,我们应该采用一个单独的RelativeLayout来替代。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/color_white"
android:orientation="vertical" >

<ImageView
android:id="@+id/img_head_portrait"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_margin="@dimen/ten"
android:src="@drawable/pic_avatar_tom3" />

<TextView
android:id="@+id/txt_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/ten"
android:layout_toRightOf="@+id/img_head_portrait"
android:text="@string/liuqiangdong"
android:textColor="@color/color_dark_black"
android:textSize="@dimen/fifteen" />

<TextView
android:id="@+id/txt_talk_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/txt_name"
android:layout_marginTop="@dimen/fifteen"
android:layout_toRightOf="@+id/img_head_portrait"
android:text="刘强东投资人约谈"
android:textColor="@color/color_search" />

<TextView
android:id="@+id/txt_talk_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginRight="@dimen/ten"
android:layout_marginTop="@dimen/ten"
android:text="11:10"
android:textColor="@color/color_search" />

<TextView
android:id="@+id/txt_talk_num"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_below="@+id/txt_talk_time"
android:layout_marginRight="@dimen/ten"
android:layout_marginTop="@dimen/ten"
android:background="@drawable/ico_remind"
android:text="1"
android:gravity="center"
android:textColor="@color/color_white" />

</RelativeLayout>

附件:http://down.51cto.com/data/2367298
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  layout relative 信息界