? 百度贴吧布局框架的研究与实现(Android版本)_Ubuntu_青云站长教程网 bet36游戏_网站下载_bet36多少地方_bet36最新体育官网
欢迎来到站长教程网!

Ubuntu

当前位置:主页 > 服务器教程 > Ubuntu >

百度贴吧布局框架的研究与实现(Android版本)

时间:2019-11-04|栏目:Ubuntu|点击: 次

还记得几个月前刚接触“百度贴吧”这款应用时,瞬间就被它的悬浮式标题栏以及标签栏所吸引,虽然当时身边有个UI的MM说悬浮式一般都是具备隐藏的功能时才设计成这样的,一般情况下还是用直通式的好,在这里我也不讨论孰优孰劣,截取两个图,大家自己品味下。

悬浮式标题栏和标签栏:(百度贴吧);直通式标题栏和标签栏:(QQ空间)

百度贴吧布局框架的研究与实现(Android版本)

??

百度贴吧布局框架的研究与实现(Android版本)

本文的目的就是研究下百度贴吧的这个标题栏和标签栏的实现原理;

1、 悬浮式标题栏的实现

实现原理有两种:1)在布局文件中设置标题栏的layout_margin属性;2)给标题栏设置一个9-patch格式的background图片,在这种图片上设置上下左右的空白间隔,如下图所示,背景图片的top、left和right分别有一个像素的空白,bottom则是两个像素。

百度贴吧布局框架的研究与实现(Android版本)

使用第二种方式实现的标题栏的布局文件如下:

?? ????<LinearLayout?? ????????Android:id="@+id/home_layout_bar"?? ????????android:layout_width="fill_parent"?? ????????android:layout_height="wrap_content"?? ????????android:layout_alignParentTop="true"?? ????????android:layout_gravity="top"?? ????????android:background="@drawable/title_bg"?? ????????android:gravity="center"?>?? ?? ????????<LinearLayout?? ????????????android:layout_width="fill_parent"?? ????????????android:layout_height="wrap_content"?? ????????????android:background="@drawable/home_topbar_bg"?? ????????????android:gravity="center"?? ????????????android:orientation="horizontal"?>?? ?? ?????????????? ????????????<ImageButton?? ????????????????android:id="@+id/home_bt_like"?? ????????????????android:layout_width="fill_parent"?? ????????????????android:layout_height="fill_parent"?? ????????????????android:layout_gravity="center"?? ????????????????android:layout_margin="0.0dip"?? ????????????????android:layout_weight="1.0"?? ????????????????android:background="@null"?? ????????????????android:padding="0.0dip"?? ????????????????android:paddingBottom="2.0dip"?? ????????????????android:scaleType="center"?? ????????????????android:src="@drawable/home_bt_like_on"?/>?? ?? ?????????????? ????????????<ImageButton?? ????????????????android:id="@+id/home_bt_mark"?? ????????????????android:layout_width="fill_parent"?? ????????????????android:layout_height="fill_parent"?? ????????????????android:layout_gravity="center"?? ????????????????android:layout_margin="0.0dip"?? ????????????????android:layout_weight="1.0"?? ????????????????android:background="@null"?? ????????????????android:padding="0.0dip"?? ????????????????android:paddingBottom="2.0dip"?? ????????????????android:scaleType="center"?? ????????????????android:src="@drawable/home_bt_mark"?/>?? ????????LinearLayout>?? ????LinearLayout>??

其中title_bg就是用来实现悬浮效果的9-patch背景图片,这里为了优化视觉上的效果,在背景图片上又加了一层图片,也就是home_topbar_bg,加与不加的对比效果如图:

上一篇:Android自定义状态栏通知(Status Notification)的正确实现

栏????目:Ubuntu

下一篇:Android中HandlerThread类的解析

本文标题:百度贴吧布局框架的研究与实现(Android版本)

本文地址:http://www.jh-floor.com/fuwuqijiaocheng/Ubuntu/118172.html

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:888888 | 邮箱:888888#qq.com(#换成@)

Copyright ? 2002-2017 青云站长教程网 版权所有 琼ICP备xxxxxxxx号