android 开发Topbar模板

前段时间公司安卓的项目刚刚启动,而且项目时间也很赶。界面也是相当的多。用一个月的时间去拷贝一个应用的界面。之前在网龙的时候,看见过项目团队中使用的一种他们自己自定义的类似Actionbar的顶部工具条。当然那个时候好像Toolbar还没出来。不过Toolbar就是比Actionbar灵活度更高了吧。

目前国内的很多app应用并没有遵循Google官方提供的设计主题样式,界面的设计风格基本都是顶部的工具条位置不会有什么变化,一直在顶部保持不变。在Google官方新出的android design的支持包中,有些组件对Toolbar进行包裹之后的效果还是非常棒的。但是主要还是按照产品的设计来吧,所以自己设计了一个自由度还算蛮高的,能够基本适应国内设计风格下的所有变动。能够自定义的根据需要去填充需要的控件。

不过,我想这些东西应该在大公司里都非常的常见了吧。但是之前COPY的那个app,看了一下,每个界面的顶部都是用相对布局组件不断的重复的同样的代码拼凑出来的,水平可见一般。

那么我这个具体思路是这样的:

1,顶部工具条的左侧基本就是返回键的功能,可能是图片,也可能是文字。所有我把这个部分的内容开放出去,通过自定义的属性来设置这里面需要显示什么。当然这个自定义属性接受的参数时layout的布局资源的id。这个我想在网龙的那个项目组的同事也是没想到的吧。然后这个布局里显示什么都是可以的了。

2,居中的布局,我特殊的处理了一下,让中间可以显示文本也可以显示自定义的布局。自定义布局的操作和上一步一样。

3,右侧暂时定为三个开放式布局。一样的思路。

因为一般的手机,宽度的限制,所以在顶部的右侧,我将自定义开放式布局的个数限制在了3个以下。那么在使用的时候可以根据需要去自定义需要显示的多少个,显示什么功能按钮。


这个就是大体上的设计思路了,在后面的开发过程中,很多界面我都是直接拷贝黏贴,有特殊的通过在外部自定义一个布局文件,在文件中自定义的添加控件,然后将这个布局文件的id传入到自定义属性中,让这个顶部工具条自己去显示这个控件。效率还是相当的快的。哈哈

如果需要做什么动画显示,或者模仿Google官方的设计样式,那也是非常简单的,使用android第三方的动画框架,搭配FrameLayout来操作,相信效果还是比较赞的。

你可能感兴趣的:(android 开发Topbar模板)