新浪微博SDK之詳情頁界面佈局

時間 2019-12-01

標籤新浪微博 sdk 詳情界面佈局简体版

原文原文鏈接

大概要的佈局就是這個樣子，評論列表還沒有加入。 android

效果圖： ide

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具體實現： post

<?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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。