客户端开屏广告适配的一点经验

版权声明：本文为xing_star原创文章，转载请注明出处！

本文同步自

客户端开屏广告适配的一点经验

昨天晚上，群里有个小伙伴在问，开屏页广告如何适配的问题，ui问应该给切几种尺寸的图？这块算是有点心得，所以特意回答了下。

随着苹果，google等大厂不断研发新的设备机型，android和ios的设备种类越来越繁多了，有普通的屏幕16:9的，也有最近几年出来的全面屏，水滴屏，刘海屏等，android的全面屏基本上是18:9的比例，iphone x的尺寸是19.5:9。按照这个结论，大致上是有三种尺寸的图的。所以得让设计师一个广告图，切三个尺寸。

根据现有的屏幕比例，分成了大致的三类：基础版 1080*1920（通用16:9）、android 全面屏 1080*2160（比例18:9）、iphone x 1125*2436（19.5:9）让设计师一张图切出这几个尺寸即可。

客户端调用api，传递高宽比的值，服务端根据高宽比返回对应的图片。这样图片加载到页面上，经过缩放拉拉伸等等，效果上也还不错。(需要服务端配合)

android获取屏幕高宽比的代码如下:

decimalformat decimalformat = new decimalformat(“.0”);
string scale = decimalformat.format(1.0 * displayutils.getwindowheight() / displayutils.getwindowwidth());

其他的一些思路:

实际上如果团队约定明确的话，一种尺寸也是可行的，这种的话，需要让ui设计师，以及运营明白，
做出来的图片(适用于广告营销、品牌推广类型的），靠近左右两边的位置不要放置重要信息，图片不要过于复杂等，以免被裁剪影响阅读和效果。有这个意识的话，一张图片也可行，这样就不存在拉伸形变的问题。