处理安卓启动图片变形问题，用一张正方形9.png图片搞定安卓启动页

迷南。 2023-02-14 06:57 78阅读 0赞

# 用一张正方形图片搞定安卓启动页 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE1MTM0NjA_size_16_color_FFFFFF_t_70_pic_center]  
示例Dome下载：  
![在这里插入图片描述][20200601232455389.png_pic_center]

# 安卓启动图问题 #

HBuilderX上android端提供的三个尺寸的启动图片完全不能满足全面屏盛行的时代，各种比例的屏幕上出现启动图片变形问题，让人很难受。  
DCloud官方的解决方案是使用.9.png图片[详见][Link 1]。

# 个人解决方法 #

以前我都是建议不要是有复杂图案来作为启动图片，直接简单的写几个字就行，这样字体的变形是不容易被人察觉的。  
我前期还调研了几家大厂的应用启动页，图案都非常简单。  
个人很推荐这种方式，比较简单易懂。

效果参考下图：  
![在这里插入图片描述][2021012511441440.png]

但是种方式的局限性也很大，一般要求放个应用logo上去时，就得考虑下面的方案了。

# .9.png图片 #

安卓官方深知开发者们适配屏幕的痛苦，提供了.9.png格式。  
但是一般开发时，这种格式图片都是用来做什么按键背景、聊天框背景的。  
拿来做启动页也行，但是注意，它的适配逻辑是对指定的取消进行复制；那么启动图要求**必须有纯色的横向区域和竖向区域，或者纹理**。

# 正方形启动图示例 #

一般的，有上中下左右几个区域会放置内容，布局结构如下图（一张正方形的图片）。  
![在这里插入图片描述][20200601170707240.png]  
未做.9.png时，直接设置为启动页的效果如下：  
明显几个圆形都发生了变形（废话了，肯定会变形的）。  
![在这里插入图片描述][20200601170915699.jpg]  
再来看看使用.9.png后的效果：  
满足适配大多数屏幕不变形的需求。  
![在这里插入图片描述][20200601171022529.jpg]  
示例中.9.png图片的真容：  
![在这里插入图片描述][20200601171925978.png]  
说明标注：  
按照此标注方法，可以满足绝大多数启动图的制作需求。  
![在这里插入图片描述][20200601171941414.jpg]

# 注意事项 #

1、9.png图片制作完成后，文件不能进行压缩  
2、使用单张9png作为启动页时，在屏幕尺寸跨度太大时会有显示差异，见下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE1MTM0NjA_size_16_color_FFFFFF_t_70_pic_center 1]

# 关于.9.png的制作 #

1、可以直接使用ps进行制作，注意不能压缩。  
2、Android Studio 可以直接打开.9.png图片编辑。  
3、eclipse 可以安装相关插件进行.9.png图片编辑。

> 有朋友在使用Android Studio 自带工具调试时，出现四边都是满的黑边，切无法调整的情况。  
> 这种情况可以使用PS手动给图片四周增加1px透明边框，然后在使用Android Studio 自带工具调整。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE1MTM0NjA_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/2020060117341026.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE1MTM0NjA=,size_16,color_FFFFFF,t_70#pic_center
[20200601232455389.png_pic_center]: https://img-blog.csdnimg.cn/20200601232455389.png#pic_center
[Link 1]: https://ask.dcloud.net.cn/article/35527
[2021012511441440.png]: https://img-blog.csdnimg.cn/2021012511441440.png#
[20200601170707240.png]: https://img-blog.csdnimg.cn/20200601170707240.png#
[20200601170915699.jpg]: https://img-blog.csdnimg.cn/20200601170915699.jpg#
[20200601171022529.jpg]: https://img-blog.csdnimg.cn/20200601171022529.jpg#
[20200601171925978.png]: https://img-blog.csdnimg.cn/20200601171925978.png#
[20200601171941414.jpg]: https://img-blog.csdnimg.cn/20200601171941414.jpg#
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE1MTM0NjA_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20201019092911212.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE1MTM0NjA=,size_16,color_FFFFFF,t_70#pic_center