App类型划分：

（1）Native App（原生应用）

最传统的应用开发模式，会调用系统底层所提供的API进行开发
优势：基本上可以实现所有的功能，性能最好
劣势：成本高（Android->java，koltin;IOS->object-c,swift),周期长（App需要重新打包->上架）；用户需要重新下载安装

(2)web App(Web应用-》h5）

移动端的浏览器可以直接打开的页面，如H5页面
优势：成本低，周期短
劣势：性能低下，响应时间长，用户体验不好

（3）Hybrid App（混合应用）

在原生应用基础上嵌套了web页面，如微信-》公众号，小程序（h5)
优势：采用native开发模式的页面响应速度快。对响应速度要求不高的页面可以采用web开发模式（如文章)
劣势：采用web开发的部分性能不是很高

如何区分一个页面是不是web页面

（1)手机设置-》打开开发者选项-》打开显示布局边界
如果页面元素有矩形框框起来-》则：此页面就是原生的，否则就是web页面

image.png

(2)通过元素定位器-》整个页面是一个叫做webview的元素，这种也是web页面

image.png

APP页面组成

由布局和控件组成，布局和控件都可以叫做app的元素，那么如何区分元素是布局还是控件呢？？---看标签后缀是否有Layout，有则是布局，无则是控件

image.png

布局：组织页面元素布局（样式摆放），布局里面有控件
常见的布局：（1）FrameLayout帧布局
(2)LinearLayout线性布局（3）RelativeLayout相对布局（4）TableLayout表格布局（5）AbsoluteLayout绝对布局

控制：负责展示用的（比如你展示的是文字还是图片呢）
常见的控件：(1)TextView:展示文本(2)Button按钮（3）imageButton 图片按钮（4）imageView展示图片（5）checkbox 单选/复选框（6）radiobutton单选/复选按钮（7）progressBar加载进度条

注意：如何知道页面是否是原生的？
第一种方式：手机设置->开发者工具-》显示页面布局，是原生的会用红色框框起来
第二种方式：检查打开的页面顶部是否有加载的进度条，如果有进度条，说明是web页面不是原生页面

image.png