Androidx学习笔记（33）---新闻客户端之布局

来源：互联网发布：注射死刑知乎编辑：程序博客网时间：2024/06/05 02:27

简要布局界面

layout

由于是新闻，所以会用到列表

<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"    tools:context=".MainActivity" >    <ListView         android:id="@+id/lv"        android:layout_width="match_parent"        android:layout_height="match_parent"        ></ListView></RelativeLayout>

item_list

参考界面设计出列表项

<?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" >    <!-- 显示图片-->    <com.loopj.android.image.SmartImageView         android:id="@+id/iv"        android:layout_width="90dp"        android:layout_height="70dp"        android:src="@drawable/ic_launcher"        android:layout_centerVertical="true"        /><!-- 显示标题   singleLine是单行-->    <TextView         android:id="@+id/tv_title"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="这是大标题志哥教你上塑料adasfsadfdsfdsgsd"        android:layout_toRightOf="@id/iv"        android:textSize="22sp"        android:singleLine="true"        /> <!-- 显示内容    android:lines="2"  至多显示两行 --> <TextView      android:id="@+id/tv_detail"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="这是正文志哥教你带崩三路adasfsadasdasdasdasidhsakjhdkjashdkjahskjdhsakjdfdsfdsgsd"        android:layout_toRightOf="@id/iv"        android:layout_below="@id/tv_title"        android:textSize="15sp"        android:textColor="@android:color/darker_gray"        android:lines="2"        />  <TextView       android:id="@+id/tv_comment"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="65031条评论"        android:textColor="#ff0000"        android:layout_alignParentRight="true"        android:layout_below="@id/tv_detail"        /></RelativeLayout>

0 0