如何修改安卓APP的界面布局

chenologin2分享 时间:

可以复制一个已有的布局,在里面做修改。

Android

布局

编辑文档

积分

+5

学分

+5

我们对

Android

应用程序

运行原理及布局文件可谓有了比较深刻的认识和理解,并且用

“Hello World

程序来实践证明了。在继续深入

Android

开发之旅

之前,有必要解决前两篇

中没有介绍的遗留问题:

View

的几种布局显示方法,以后就不会在针对布局方面做过多的

介绍。

View

的布局显示方式有下面几种:

线性布局

Linear

Layout

相对布局

Relative

Layout

表格布局

Table Layout

网格视图

Grid View

标签布局

Tab Layout

列表

视图

List View

绝对布局

AbsoluteLayout

。本文虽然是介绍

View

的布局方式,但不仅

仅是这样,其中涉及了很多小的知识点,绝对能给你带来

Android

大餐!

本文的主要内容就是分别介绍以上视图的七种布局显示方式效果及实现,大纲如下:

1

View

布局概述

2

、线性布局(

Linear Layout

2.1

Tips

android

:

layout_weight

=

"1"

3

、相对布局(

Relative Layout

4

、表格布局(

Table Layout

5

、列表视图(

List View

5.1

、一个小的改进

5.2

、补充说明

6

、网格视图(

Grid View

7

、绝对布局()

8

、标签布局(

Tab Layout

app设计中,常用的界面布局方式有哪些

  1. 竖排列表。视觉上整齐美观,常用于并列元素的展示,包括目录、分类、内容等。

  2. 横排方块。把并列元素横向显示的一种布局。常见的工具栏,TAB,Coverflow 等都采用这种布局。

  3. 九宫格。TAB、多面板、弹出框。

  4. 手风琴。用户点击分类可展开显示二级内容,在不用的时候,内容是隐藏的。可承载比较多的信息,同时保持界面简洁。

  5. 抽屉/侧边栏。抽屉也是将内容先藏起来,在需要时再展开。

  6. 标签。在搜索界面和分类界面时,会采用标签的方式来展现。标签方式比较动感的,增加了应用的趣味性,但使用场景有限。

在安卓,IOS的app中,其页面布局是怎样实现的

从使用场景上,Web App用户面临比原生APP用户更严峻的问题:   1、 页面跳转更加费力,不稳定感更强   思考点:如何减少跳转(扁平结构、页面布局技巧),增加数据及展示的流畅流程及稳定性(技术)   2、 更小的页面空间(由于浏览器的导航本身占用一部分屏幕空间),更大的信息记忆负担   移动设备的屏幕要小得多。这种如同透过门缝进行的阅读增加了认知的负担。人脑的短期记忆是不稳定的,用户在滚动屏幕的过程中需要临时记忆的信息越多,他们的表现就会越差。——《贴心设计:打造高可用性的移动产品》   思考点:排版更清晰、信息更简练 (可在原生APP基础上去掉一些丰富、复杂的视觉表现)   3、 导航不明显,原有底部导航消失,有效的导航遇到挑战   思考点:如何有效的提供导航?有哪些形式?   4、 交互动态效果收到限制,影响一些页面场景、逻辑的理解。   思考点:比如登录注册流程的弹出、完成及异常退出,做好文字提示。   针对以上困境,解决方法总结如下:   首先,从APP到WAP版,在产品上,最明显且核心的:   1、 精简功能,只将核心的任务实现,非核心的枝节可考虑删减。   2、 做好新的Web App导航.   3、 补充从Web App 对 下载原生APP 的引导。   一、常见的几种Web APP导航样式   1.1顶部底部导航的设计:   1.2导航快捷键设计:   美团:顶部栏固定位置   淘宝:悬浮圆圈–可的按钮   优酷:非首屏时页面右侧悬浮   二、有效的导航设计   1、 基本的快捷导航中包括 返回常用页面(如 首页 我的 等)的快捷方式   2、 出现深层架构时 及时补充返回重要层级页面的快捷方式   3、 情境式导航,方便用户快捷跳转到ta想去的页面,如购买结束时提供查看订单详情的按钮。   PS:Web APP更加需要画页面跳转的流程图,摸清各个页面的入口,尤其是页面返回的流程;有些简化的返回按钮,可以特殊注明返回到的页面   在哪里出现引导?   一般首页、核心任务的页面(如 电商Web APP的商品详情页 、视频Web APP的视频观看页)   二、引导下载APP有哪些形式?   页面顶部放置下载条   页面底部悬浮层引导   融合在页面首屏中   下载按钮形式   底部Foot里含客户端下载入口   其次,在设计Web App时,有以下小技巧可以参考:   1、 从页面布局上减少跳转:使用交互技巧隐藏文字(eg 腾讯视频)   利用收起按钮 减少页面跳转。   2、 取消float浮层,增大展示空间(eg:大众点评)   取消float浮层,同时在详情尾部再次加上 “购买”按钮。   浮层的转换处理。   3、 页面中对图片进行缩小(因情况而异)的处理、精简一些标签导航的视觉展示。   视觉微调。   技术上注意点:   1)各手机浏览器的兼容测试   2)底层服务的调取(能调取,但只有当其是核心功能时才保留 eg:新浪、美团等皆去掉了头像上传功能)   3)注意离线数据存储,减少数据请求频率。   4)考虑保存用户的哪些数据:设置、个人数据、阅读锚点、跳出页面等。   5)避免动效与浏览器的交互冲突   6)按顺序 异步加载 eg: 腾讯视频   腾讯视频异步加载。   虽然Web App目前处于比较尴尬的地位,我们是由于原APP客户端中一些页面需要分享出去才开启制作Web App版。   但是不得不承认,基于Web的轻APP 更新迭代起来更方便,随着H5技术的成熟和发展,也许以后就是基于H5的Web App的天下了 0.0

如何修改安卓APP的界面布局

可以复制一个已有的布局,在里面做修改。

Android

布局

编辑文档

积分

+5

学分

+5

我们对

Android

应用程序

运行原理及布局文件可谓有了比较深刻的认识和理解,并且用

“Hello World

程序来实践证明了。在继续深入

Android

开发之旅

之前,有必要解决前两篇

中没有介绍的遗留问题:

View

的几种布局显示方法,以后就不会在针对布局方面做过多的

介绍。

View

的布局显示方式有下面几种:

线性布局

Linear

Layout

相对布局

Relative

Layout

表格布局

Table Layout

网格视图

Grid View

标签布局

Tab Layout

列表

视图

List View

绝对布局

AbsoluteLayout

。本文虽然是介绍

View

的布局方式,但不仅

仅是这样,其中涉及了很多小的知识点,绝对能给你带来

Android

大餐!

本文的主要内容就是分别介绍以上视图的七种布局显示方式效果及实现,大纲如下:

1

View

布局概述

2

、线性布局(

Linear Layout

2.1

Tips

android

:

layout_weight

=

"1"

3

、相对布局(

Relative Layout

4

、表格布局(

Table Layout

5

、列表视图(

List View

5.1

、一个小的改进

5.2

、补充说明

6

、网格视图(

Grid View

7

、绝对布局()

8

、标签布局(

Tab Layout

App列表形式布局有什么优缺点

  优点:这种方式的在APP用户体验改进了很多,尤其在连续切换时其操作方式的连续性比较强,主体页面的过渡也更加平滑,会产生更加流畅的体验。

  缺点:一次滑动只能切换到相邻的类别,要想直接切换到对应类别可以点击上方的类别列表,不过由于类别过多,有时候可能需要滑动一下类别列表才能完成操作。

app开发布局是用HTML的吗?

不是。app有自己的布局。如果你访问网络,网络页面布局是htm来和css布局。

ui框架吗

app有自己的ui,有布局方式。

123367