您的位置:首页 > 产品设计 > UI/UE

android快速构建应用“ui架构”代码分析总结

2015-04-21 18:29 549 查看

Android快速构建应用“UI架构”代码分析总结

结构层次

将应用的界面分为3层:顶层菜单,中层活动面,底层分页选项

分别对应3个类:HeaderView, CustomerViewPager, BottomBar

HeaderView单独分析

HeaderView有可变的菜单项和标题栏,通常包括以下三种:左菜单选项,标题title,右菜单选项

可以使用自定义属性,在attrs.xml中声明styleable属性,在HeaderView中使用context.obtainStyledAttributes方法获取键值对TypedArray类,这个方法可以用来获取动态可变的数据,如用作标题title的字符串,用作图片显示的id

使用LayoutInflater,获取图像,图像各个组件可以使用获取的数据进行自定义

可以将组件变量为全局,使用set方法对外开放设置visibility

自定义属性在xml标签中定义,xml图是固定的,使用inflater来获取id,进行实例化自定义

左右按钮创建接口,可在按钮点击时进行回调,变化ViewPager和BottomBar

BottomBar单独分析

BottomBar直接inflate xml文件,对组件进行实例化

BottomBar实现了监听器和回调,它的按钮能够改变其它组件的变化

对外开放按钮状态变化的方法,使其能够随其它组件变化

CustomViewPager单独分析

实现FragmentPagerAdapter,使其能够容纳多个页面

实现onPageChangeListener,使其能够在页面变换的时候调用BottomBar的方法对其状态进行改变

实现HeaderView和BottomBar回调的方法,使其能够在BottomBar,HeaderView被点击时对它们做出反应

需要实现的资源列表

HeaderView: attrs.xml(自定义属性要用) header_view.xml(获取图像要用)

CustomViewPager: fragment类的实现若干

BottomBar: bottom_bar.xml(获取图像要用)

需要实现的代码列表

HeaderView: TypedArray自定义属性获取(图像),inflate获取组件实例(图像),回调的接口(动作)

CustomViewPager: fragmentpageradapter(图像),onPagerClickListener(动作)

BottomBar: inflate(图像),回调的接口(动作)

总而言之,使用Inflate和xml文件可以实现图像。使用回调和adapter可以实现动作的变换。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android