项目启动时,需要在开屏页显示一个 Logo
目前成都创新互联公司已为近千家的企业提供了网站建设、域名、网站空间、成都网站托管、企业网站设计、凌海网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
先在 style.xml 中新建一个 样式:
注意:重点是 android:windowBackground 属性。
在 drawable 下面创建 splash.xml
注意: 显示的Logo 尺寸要求切图时就控制好尺寸。这里是没法限制尺寸的。
样式创建好之后,配置给你的 启动页面
然后就是,你的 LoadingActivity 页面不需要有布局,或者只写一个根布局,然后背景颜色设置为透明。
android中启动页背景设置文字步骤
1、打开你的安卓开发软件。
2、新建一个工程。例如工程名ty。
3、打开左侧的工程文件夹。打开res中的layout,双击main.xml.
4、下面要添加图片到工程里。下载或者在本地上找到一张需要的图片。
5、先把图片剪切一下,长宽要适合显示屏幕。
6、看好,一般的图片都是jpg格式的。一定要把格式转化为png格式的。
7、把转化后的图片拖到工程中res中的drawable-hdpi中。
开机logo主要与kernel/drivers/video/logo下的logo_linux_clut224.ppm有关。
现kernel源码内一般以提供厂商的logo为主。
我们需要替换的文件也就是该ppm文件。
这里直接提供png转ppm的sh脚本。前提是必须安装了以下工具(pngtopnm,pnmquant,pnmtoplainpnm)
./png2ppm.sh XX.png
用生成的同名ppm文件替换logo_linux_clut224.ppm。
同时删除kernel/drivers/video/logo下的logo_linux_clut224.c和logo_linux_clut224.o
Android开机动画主要是由一个zip格式的压缩包bootanimation.zip组成,压缩包里面包含数张png格式的图片,还有一个desc.txt的文本文档,开机时按desc.txt里面的指令,屏幕上会按文件名称顺序连续的播放一张张的图片。、
这个一般flash制作或者选择交给美工制作了。图片张数尽量不要太多。
关键:图片一定要按顺序命名。
重点在于desc.txt文件。
其中1188 624代表分辨率,表示帧动画以这个分辨率显示。分辨率不是越高越好,容易造成开机卡顿,不流畅。
25表示的是帧数,就是每秒播放的图片数量。
p1(代表着播放一次) 0(空指令)part0 */这句指令就代表这part0文件夹内的图片只按名称顺序播放一次
p0(重复播放)0 (空指令)part1 */这一句指令代表着part1文件夹内的图片会循环反复播放
打包要用zip格式,而不是rar格式。另外压缩的时候压缩方式要选择存储。将压缩包名修改为bootanimation.zip。
1)可直接将生成的bootanimation.zip放入设备/system/meida目录下重启验证开机动画效果。
2)源码上可直接将bootanimation.zip拷贝至/out/target/product/rk3288/system/media目录下,最终打包进成型固件中。
这里指的是点击桌面图标后,第一次启动后(冷启动)用户看到的第一个界面,通常冷启动后,此时用户界面还没渲染,看到的第一帧通常是黑屏或者白屏。为了让app的体验更好些,可以通过配置主题的方式去取代第一帧的背景。但是背景因设计稿的不同,需要作出不同的适配情况,比如:
最近项目在做android和ios的项目,设计师让我给出图标的尺寸,于是查了一下尺寸。
第一步:产品经理和UI设计师制定好UI规范,然后开始做图标做颜色做尺寸等一系列和APP界面强相关的工作,以最常见的“back”按钮为例,UI设计师从无到有的具体实现步骤:
①在coreldraw或者Sketch中制作好“矢量图标“—返回,此时的长宽单位是毫米;
②保存输出为“PNG位图图片”—返回,此时的长宽单位是px(像素);
③指定好此图标的内外边距,此时的边距单位是px(像素);
④最终此图标图片交到开发者手中,做好图片的放置和内外边距的实现。开发这在这个过程中会遇到一个问题:内外边距是由px为单位的距离,但是在实际开发中“dp”做为单位的更加常见,所以就会涉及到“px”“dp”互转的封装类,专门用来实现这个过程,同时还要注意不同分辨率屏幕的适配。
(1)px,平常我们所说的手机的分辨率是1920×1080,这就是像素数量,也就是1920px×1080px,代表手机高度上有1920个像素点,宽度上有1080个像素点,每个像素点的单位是px。
(2)dp,dp是为了开发者便于做不同屏幕的适配而引入的开发单位,具体来说就是为了使得开发者设置的长度能够根据不同屏幕(分辨率/尺寸也就是dpi)获得不同的像素(px)数量。比如:我将一个控件设置长度为1dp,那么在160dpi上该控件长度为1px,在240dpi的屏幕上该控件的长度为1 240/160=1.5个px。也就是dp会随着不同屏幕而改变控件长度的像素数量。
(3)DPI,用户实际判别手机屏幕的显示好坏,除了分辨率还要考虑屏幕的宽高(英寸),也就是用dpi,即每英寸多少像素来评价屏幕的显示效果。(不然假如手机分辨率是1920×1080,但是屏幕是几十寸的,那显示效果将不会很好,甚至你有可能看到小的像素块,那将更影响视觉效果。)
三、Android开发中图标尺寸总结(务必掌握):
(1)dpi、分辨率与图标尺寸的关系L DPI ( 120 DPI )—分辨率240 320px,其启动图标大小为 36 x 36 pxM DPI (160 DPI )—分辨率320 480px,其启动图标大小为 48 x 48 pxH DPI ( 240 DPI )—分辨率480 800px,其启动图标大小为 72 x 72 pxXH DPI ( 320 DPI )—分辨率1280 720px,其启动图标大小为 96 x 96 pxXXH DPI( 480 DPI )—分辨率1920 1080px,其启动图标大小为144 x 144 pxXXXH DPI( 640 DPI )—分辨率3840*2160px,其启动图标大小为192 x 192 px
(2)开发中“px”到“dp”从 px 换算成 dp 要知道它是以什么 dpi 标准来设计的,换句话说,就是要根据不用分辨率的屏幕,根据换算关系表得到相应的 dp 。 例如: 以 xxhdpi 标准设计的 UI,其中一个切图的分辨率是 600 px * 360 px ,根据换算关系表可知,在 xxhdpi 标准下,1 dp = 3 px ,则其对应的 dp 是 200 dp * 120 dp 。换算关系表如下:(两次标红 请重点关注)
36 x 36 48 x 48 64 x 64 72 x 72 96 x 96 144 x 144 192 x 192
具体的图标尺寸可以打开xcode ,在项目目录下找到Assets.xcassets文件,这个文件里面标识出了所需要的图标尺寸,下面标识的是基本尺寸,2x就是底部尺寸x2 ,即下面的尺寸为80pt和120pt
看了一下新的苹果开发文档和Xcode给的AppIcon坑,发现又新增了一些尺寸的图标。在这里整理一下最新的最全的icon尺寸。
itunes中使用的icon
1024 * 1024
iPhone: iOS7-10桌面图标
60 * 60
120 * 120 @2x
180 * 180 @3x
iPhone: iOS5-6桌面App图标
57 * 57
114 * 114 @2x
iPad: iOS7-10桌面图标
76 * 76
152 * 152 @2x
iPad: iOS5-6桌面图标
72 * 72
144 * 144 @2x
iPhone: iOS5-6的搜索 iOS5-10的设置
iPad: iOS5-10的设置
29 * 29
58 * 58 @2x
87 * 87 @3x
iPad: iOS5-6系统搜索图标
50 * 50
100 * 100 @2x
iPhone、iPad: iOS7-10系统搜索图标
40 * 40
80 * 80 @2x
120 * 120 @3x
iPhone、iPad: iOS7-10通知栏图标
20 * 20
40 * 40 @2x
80 * 80 @3x
iPad Pro: App桌面图标
167 * 167 @2x
iPhone汇总:
1024 * 1024
120 * 120
180 * 180
20 * 20
40 * 40
80 * 80
29 * 29
58 * 58
87 * 87
57 * 57 (iOS5-6)
114 * 114 (iOS5-6)
iPad汇总:
1024 * 1024
76 * 76
152 * 152
20 * 20
40 * 40
80 * 80
120 * 120
29 * 29
58 * 58
72 * 72 (iOS5-6)
144 * 144 (iOS5-6)
50 * 50 (iOS5-6)
100 * 100 (iOS5-6)
167 * 167 (iPad Pro)
APP启动页,即LaunchImages,需要五张不同尺寸大小的图,切记一定要选择png格式,否则打包时报错,导致APP适配失败。
五张图的大小即:320 480、640 960、640 1136、750 1334、1242 2208 828 1792 1125 2436 1242 2688
分别对应的iphone屏幕尺寸:iphone 3GS、iphone4(s)、iphone5(c、s)、iphone6(s)、iphone 6(s) plus 、iphoneX(S)、iphoneXR、iphoneXs Max.
具体步骤:
第一步:
1.点击工程目录中的Images.xcassets,点击左侧边栏的LaunchImages(如果没有,在空白处右击创建一个)
2.然后在xcode最右侧的边栏处选择你的APP是否要对ipad、横竖屏、以及低版本的iOS系统做支持。
第二步:
将填好的图片配置到工程中的启动页选项中
点击项目目录的工程 - target - General - App Icons And Launch Images
将Launch Images Source的选项设置为LaunchImages,切记当APP不是用LaunchScreen.xib来配置启动页时,LaunchScreen File的选择状态一定为空!否则编译无法通过
如果此时还没有显示的话,那么你先删除app,然后再运行一下项目看看
参考网站: