关于直播系统和短视频系统安卓手机屏幕适配的方向思路

直播与短视频的接踵而至,将互联网推向了网红经济时代,而智能手机的更新迭代为二者的发展提供了“温床”。但随着Android机型的增多,设备碎片化的程度也在不断加深,因此为了保证用户在不同Android机型下的体验效果一致,我们需要对各种手机屏幕进行适配。

下面我们就来聊下直播系统和短视频系统Android机型的适配问题。

1.布局组件的适配

关于组件的适配,这里有几种不同的适配方案。

一是使用密度无关像素dp或独立比例像素sp单位指定尺寸;

二是多使用相对布局(RelativeLayout)或线性布局(LinearLayout),RelativeLayout是相对布局,屏幕大小变化,其位置不会发生变化,而LinearLayout则可以准确控制视图之间的位置关系一一排列;

三是布局中的组件大小不要固定尺寸,据情况而定使用warp_content或match_parent以及权重,同时配合minWidth,minHeight等属性;

四是dimens的合理使用,相同的组件在不同的屏幕上定义不同的大小。

2.图片的适配

关于图片适配,主要有以下几个方面。

一是在一些特定场景下使用,假设图片名称为9.png的自动拉伸位图,在直播系统中的私信聊天框,9.png的位图可以根据内容自动适应且无变形;

二是自定义view和使用drawable画图;

三是Imagview的ScaleType属性适配;

四是普通图片和图标皆是按Goolgle官方密度类型进行切图,并根据图片大小放置相应位置,如下图:

图片适配

3.代码里的适配

在代码中使用Google提供的Api对屏幕的宽高进行测量,一些特定情况下,按比例取值,则无需考虑屏幕尺寸不统一带来的麻烦。

以上就是关于直播系统和短视频系统在安卓手机机型适配方面的方向思路,大家在进行直播系统开发或是短视频系统开发时要特别注意,只有解决了机型适配问题,才能打造出优秀的直播和短视频APP,进一步提升用户体验。

原文链接:http://blog.51cto.com/13943085/2176562

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏无原型不设计

网页设计排版中哪些元素最重要?

有一些网页设计新手会认为,在设计网页的时候最重要的应该是如何添加一些具有吸引力的内容,所以他们只把大量的精力放在内容的设计上。在我看来,内容质量的好坏确实是能...

34940
来自专栏互联网杂技

UX 设计之——商品详情页

现如今,30%的在线购物行为发生在手机端上。 对于在线购物一事,所有用户都期望能够得到快速、流畅的体验。因此,在购物过程的每一个阶段,即使付之最小的努力都有可能...

31760
来自专栏HTML5学堂

无技术基础 看懂HTML5

HTML5学堂:如果你对C语言、网站制作等技术没有什么了解,你可以查看这篇文章。无论你是唱歌的艺术生,还是学习机械专业的工科生,或者大学读的文学学科。只要你平时...

528110
来自专栏韩东吉的Unity杂货铺

零基础入门 44:使用图片字体第一步,制作字体

Hello,大家好,我是Jimin韩东吉,今天要给大家分享的是关于如何在项目中使用图片字体。

11060
来自专栏菜鸟致敬

[菜鸟致敬⑨] 排版建议

最近有关注诸多大佬的博客亦或微信公众号,也时常阅读一些好的文章,它们的排版风格亦是各不相同。大概是大佬都专注于叠代码的缘故,对于文章的排版好坏可能抱着得过且过的...

12420
来自专栏MixLab科技+设计实验室

谈设计与技术,以WEB布局为例

本文基于“跨界”思维,以 WEB 布局为例,从3个方面,谈谈设计与技术的关系: 1 自适应布局与响应式布局 2 CSS 的布局特性演进 3 设计语言与 W...

34270
来自专栏无原型不设计

文字如何实现完美UI?文本排版设计告诉你

一部手机,电量充足,网络通畅,就足以让我们打发一天的时光,尽情沉浸在手机时代的缤纷世界里。这个信息资源无穷尽的手机网络世界,是设计师和开发者们在不停的探索中一...

37770
来自专栏数据小魔方

图表案例|关于全球可穿戴设备用户调查(麦肯锡)

今天要跟大家分享的是一个图表案例——麦肯锡关于全球可穿戴设备的用户调查! 原图表做的很精致,是麦肯锡一贯的蓝灰风格暗调调,在图表布局排版、图标使用等方面都有很多...

35140
来自专栏企鹅号快讯

web前端开发工程师养成记

前端开发工程师 不仅要把握根本的Web前端开发技术,网站功能优化、SEO和服务器端的根底常识,并且要学会运用各种东西进行辅佐开发以及理论层面的常识,包含代码的可...

45850
来自专栏无原型不设计

技巧分享: 如何快速搭建一致统一的设计系统

以下内容由摹客(https://www.mockplus.cn)团队翻译整理,仅供学习交流,摹客设计系统是国内独家设计规范制作平台。

14720

扫码关注云+社区

领取腾讯云代金券