首页 > 代码库 > Android 高仿百度贴吧发帖页面

Android 高仿百度贴吧发帖页面

本次项目是做一个论坛,我仿照了一下百度贴吧的发帖效果,实现界面如下所示,将源码发出来分享一下。

核心主要是实现两个地方:

1、点击输入框之后,页面浮动,将下面的上传图片布局给顶上来。

2、输入帖子内容部分需要全屏显示;

针对这两个部分,这里分别交代一下:

1)为了实现点击输入框之后,页面浮动,将下面的上传图片布局给顶上来。这里将内容部分嵌套一个ScrollView滚动模块,这样就可以被顶起。

2)为了达到全屏显示帖子内容。这里需要将ScrollView中加入如下设置:

android:fillViewport="true"

使内部支持android:layout_height="match_parent"

由于这是项目中的一部分,没有单独做Demo了,这就不放出来了~核心源码全部在下面。


技术分享       技术分享


publish_note.xml

<?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="match_parent" >
    
    <!-- 加载标题栏 -->
    <include
        android:id="@+id/publish_title_bar" 
        layout="@drawable/publish_title_bar" />
    
    <LinearLayout 
        android:id="@+id/publish_note_bottom_bar" 
	    android:layout_width="match_parent"
	    android:layout_height="wrap_content" 
	    android:layout_alignParentBottom="true"
	    android:orientation="horizontal">
		<!-- 加载底部栏 -->
	    <include
	        layout="@drawable/publish_note_bottom_bar" />
	</LinearLayout>

    <!-- 帖子标题 -->
    <EditText
        android:id="@+id/et_note_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/publish_title_bar"
        android:hint="@string/tip_note_title"/>
    <ScrollView 
        android:id="@+id/sv_note_contain"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fillViewport="true"
        android:layout_above="@id/publish_note_bottom_bar"
        android:layout_below="@id/et_note_title">
		<!-- 帖子内容 -->
		<EditText
        	android:id="@+id/et_note_contain"
	        android:layout_width="match_parent"
	        android:layout_height="match_parent"
	        android:gravity="top"
	        android:inputType="textMultiLine"
	        android:singleLine="false"
	        android:hint=""/>
		
	</ScrollView>

</RelativeLayout>
publish_title_bar.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     
    android:orientation="horizontal"  
    android:layout_width="fill_parent"   
    android:layout_height="48dp"
    android:background="@color/index_title">

    <!-- 回退 -->
     <ImageView
	    android:id="@+id/im_back"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:layout_centerVertical="true"
	    android:layout_alignParentLeft="true" 
	    android:contentDescription="@string/desc_indexpic"
	    android:src=http://www.mamicode.com/"@drawable/browser_back" />>publish_bottom_bar.xml

<?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="match_parent" 
	    android:orientation="horizontal">
	    <ImageView
		    android:id="@+id/im_pictrue"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:layout_centerVertical="true"
		    android:layout_alignParentLeft="true" 
		    android:contentDescription="@string/desc_indexpic"
		    android:src=http://www.mamicode.com/"@drawable/btn_pb_add_n" />>


Android 高仿百度贴吧发帖页面