新浪微博SDK之详情页界面布局

2019独角兽企业重金招聘Python工程师标准>>>

大概要的布局就是这个样子，评论列表尚未加入。

效果图：

xml描述（忘记加FrameLayout了，最好再加个ScrollView在最外层，具体看下面的实现代码）：

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <LinearLayout
	    android:layout_width="match_parent"
	    android:layout_height="wrap_content"
	    android:orientation="horizontal">
	    <!-- ImageButton -->
	    <!-- ImageView -->
	    <LinearLayout
		    android:layout_width="match_parent"
		    android:layout_height="wrap_content"
		    android:orientation="vertical">
	        <RelativeLayout 
		       android:layout_width="wrap_content"
		       android:layout_height="wrap_content"
		       android:orientation="horizontal">
			    <!-- TextView -->
			    <!-- ImageView -->
		    </RelativeLayout>
   	        <RelativeLayout 
		       android:layout_width="wrap_content"
		       android:layout_height="wrap_content"
		       android:orientation="horizontal">
			    <!-- ImageButton -->
			    <!-- ImageButton -->
			    <!-- ImageButton -->
		    </RelativeLayout>
	    </LinearLayout>
    </LinearLayout>
    <!-- TextView -->
    <!-- ImageView -->
    <RelativeLayout 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:orientation="horizontal">
       <!-- TextView -->
       <!-- TextView -->
       <!-- TextView -->
       <!-- TextView -->
    </RelativeLayout>
</LinearLayout>

xml具体实现：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
	android:scrollbars="vertical">
	<LinearLayout
	    android:layout_width="match_parent"
	    android:layout_height="wrap_content"
	    android:orientation="vertical"
	    android:isScrollContainer="true"
	    android:id="@+id/weiboDetailLayout">
	    
	<FrameLayout
	    android:layout_width="match_parent"
	    android:layout_height="wrap_content" >
			    
	    	<ImageView
		        android:id="@+id/iv_topBar"
		        android:layout_width="match_parent"
		        android:layout_height="wrap_content"
		        android:src="@drawable/topbar" />
		    	
		    <LinearLayout
			    android:layout_width="match_parent"
			    android:layout_height="wrap_content"
			    android:orientation="horizontal">
		
			    <ImageButton
			        android:id="@+id/btn_back"
			        android:layout_width="50dp"
			        android:layout_height="50dp"
			        android:layout_margin="2dp"
			        android:scaleType="centerCrop"
			        android:background="#00000000"
			        android:src="@drawable/back" />
		
			    <ImageView
			        android:id="@+id/iv_detailWeiboPotrait"
			        android:layout_width="50dp"
			        android:layout_height="50dp"
			        android:layout_margin="2dp"
			        android:scaleType="centerCrop"
			        android:src="@drawable/potraitmale"/>
			    <LinearLayout
				    android:layout_width="match_parent"
				    android:layout_height="wrap_content"
				    android:orientation="vertical">
			        <RelativeLayout 
				       android:layout_width="wrap_content"
				       android:layout_height="wrap_content"
		       		   android:layout_marginLeft="2dp"
			           android:layout_marginTop="2dp"
			           android:layout_marginBottom="2dp"
				       android:orientation="horizontal">
					    <TextView
					        android:id="@+id/tv_detailWeiboUserName"
					        android:layout_width="wrap_content"
					        android:layout_height="wrap_content"
					        android:textSize="15dp"
					        android:textColor="#000"
					        android:text="换个中文名字玩微博"/>
					    <ImageView
					        android:id="@+id/iv_detailWeiboVip"
					        android:layout_width="12dp"
					        android:layout_height="12dp"
					        android:layout_marginTop="4dp"
					        android:layout_toRightOf="@+id/tv_detailWeiboUserName"
					        android:scaleType="centerCrop"
					        android:src="@drawable/vip"/>
				    </RelativeLayout>
				    
		   	        <RelativeLayout 
				       android:layout_width="wrap_content"
				       android:layout_height="wrap_content"
				       android:orientation="horizontal">
					   <ImageButton
					       	android:id="@+id/btn_comment"
					        android:layout_width="30dp"
					        android:layout_height="30dp"
					        android:layout_alignParentRight="true"
					        android:layout_marginRight="4dp"
					        android:background="#00000000"
					        android:scaleType="centerCrop"
					        android:src="@drawable/comment"/>
					    <ImageButton
					        android:id="@+id/btn_repost"
					        android:layout_width="30dp"
					        android:layout_height="30dp"
					        android:layout_toLeftOf="@+id/btn_comment"
					        android:layout_marginRight="10dp"
					        android:background="#00000000"
					        android:scaleType="centerCrop"
					        android:src="@drawable/repost"/>
		   			    <ImageButton
					        android:id="@+id/btn_favorite"
					        android:layout_width="30dp"
					        android:layout_height="30dp"
					        android:layout_toLeftOf="@+id/btn_repost"
					        android:layout_marginRight="10dp"
					        android:background="#00000000"
					        android:scaleType="centerCrop"
					        android:src="@drawable/favorite"/>
				    </RelativeLayout>
			    </LinearLayout>
		    </LinearLayout>
	    </FrameLayout>    
	    
	    <TextView
	        android:id="@+id/tv_DetailWeiboText"
	        android:layout_width="match_parent"
	        android:layout_height="wrap_content"
	        android:layout_marginTop="10dp"
	        android:layout_marginLeft="3dp"
	        android:layout_marginRight="3dp"
	        android:autoLink="all"
	        android:linksClickable="true"
	        android:textSize="17dp"
	        android:textColor="#222"
	        android:text="大家好，我是这个APP的作者@换个中文名字玩微博 ，很抱歉没有找到您想要的微博内容，返回看下其他的微博吧。（Contact Me: http://weibo.com/pilchard）"/>
	    <TextView
	        android:id="@+id/tv_detailWeiboId"
	        android:layout_width="0dp"
	        android:layout_height="0dp"
	        android:visibility="invisible"/>
	    <ImageView
	        android:id="@+id/iv_detailWeiboThumbPic"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
			android:maxWidth="250dp"
	        android:maxHeight="250dp"
	        android:layout_gravity="center"
	        android:layout_marginTop="10dp"
	        android:scaleType="centerInside"
	        android:src="@drawable/haspic"/>
	    <RelativeLayout 
	       android:layout_width="wrap_content"
	       android:layout_height="wrap_content"
	       android:layout_marginTop="20dp"
	       android:orientation="horizontal">
		<TextView
	        android:id="@+id/tv_detailWeiboSource"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:layout_alignParentLeft="true"
	        android:layout_marginLeft="3dp"
	        android:textSize="12dp"
	        android:textColor="#444"
	        android:text="来自:随便2012"/>
		<TextView
	        android:id="@+id/tv_detailWeiboCreatedAt"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:layout_toRightOf="@+id/tv_detailWeiboSource"
	        android:layout_marginLeft="5dp"
	        android:textSize="12dp"
	        android:textColor="#444"
	        android:text="16:16"/>
		<TextView
	        android:id="@+id/tv_detailWeiboCommentsCount"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:layout_alignParentRight="true"
	        android:layout_marginRight="3dp"
	        android:textSize="12dp"
	        android:textColor="#444"
	        android:text="评论:1221"/>
		<TextView
	        android:id="@+id/tv_detailWeiboRepostsCount"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:layout_toLeftOf="@+id/tv_detailWeiboCommentsCount"
	        android:layout_marginRight="5dp"
	        android:textSize="12dp"
	        android:textColor="#444"
	        android:text="转发:2000"/>		
	    </RelativeLayout>
	</LinearLayout>
</ScrollView>

转载于:https://my.oschina.net/u/862250/blog/88460