首页 > 代码库 > 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 高仿百度贴吧发帖页面
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。