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

MTK camera 4.2 UI layout 结构(2013/4)

2014-12-07 16:45 501 查看

前言

该结构图为MTK原生4.2 Camera界面的UI layout. 
该图利用UML工具完成。 
类名如果是.xml结尾表示该类是一个xml layout文件。会在属性中指出其具体的ViewGroup类名。

UI layout结构图






UI layout结构分析

直观感受

4.2 UI Layout相比于4.0 camera 的UI layout结够更简单,层次更少 
多采用FrameLayout和RelativeLayout(只有id是layer normal的view group),可以获得更快的UI加载速度。 

gl_root_group.xml

gl_root_group.xml位于Gallery2/res/layout/ 

4.2 UI Layout中增加了gl_root_group.xml,猜测是因为增加了跟Gallery的交互。最基本的情况是,在滑动Gallery的时候,滑到最左边可以看到camera的preview.如下图所示,图中右边一幅图实际是camera实时preview。至于是具体怎么实现的,在之后的文档继续分析。 



camera app root FrameLayout

该layout中分previewFrameLayout和用于加载界面各种button的view_layer。 
view group中都没有具体的view,可以猜测具体view的加载应该是在程序运行过程中动态加载。这需要在之后的学习中结合代码分析。 
按照这样的结构添加新的view方便,扩展性好。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: