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


    版权声明:本文为xing_star原创文章,转载请注明出处!

    本文同步自http://javaexception.com/archives/165

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

    昨天晚上,群里有个小伙伴在问,开屏页广告如何适配的问题,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设计师,以及运营明白,
    做出来的图片(适用于广告营销、品牌推广类型的),靠近左右两边的位置不要放置重要信息,图片不要过于复杂等,以免被裁剪影响阅读和效果。有这个意识的话,一张图片也可行,这样就不存在拉伸形变的问题。

  • 相关阅读:
    json数据转化格式
    远程安装软件控制台
    杂、记忆点
    布局(杂,细节处理)
    自己修改代码后push推送到zhile
    js中call和apply的区别 / 函数的call、apply以及bind的作用与区别
    一元运算符a++、++a、a--、--a
    javascript基础语法和算术运算符
    不同空格符号的区别
    2020.12.11面试两家
  • 原文地址:https://www.cnblogs.com/xing-star/p/11119510.html
Copyright © 2020-2023  润新知