来自 电脑系统 2019-09-15 04:19 的文章
当前位置: 金沙澳门官网网址 > 电脑系统 > 正文

Xcode编译时改变App的图标,如何在运行时改变Ap

brew update

brew install ImageMagick

修改脚本像下面这样:

图片 1test.png

图片 2

图片 3test2.png

composite test.png betaRibbon.png test2.png

设置运行脚本在你的工程中,选择Llama Trot的Target,然后选择Build Phases,点击+,在弹出的菜单中选择New Run Script Phase:

图片 4

FONT_SIZE=$(echo "$WIDTH * .15" | bc -l)

图片 5

composite smallBetaRibbon.png test.png test2.png

为了使用icons,你的脚本需要知道致谢icons在哪里。用下面的代码代替你之前写的脚本:

图片 6

运行项目,你将会看到 AppIcon60x60@2x 完整的路径被打印出来:

这行命令是将betaRibbon.png的大小改为120x120,并保存为smallRetaRibbon.png现在,执行下面:

现在来分析发生了什么:

提示:如果你看到了错误的消息,或者是脚本没有作用,那么可能是你没有安装所需的字体。通过运行下面的命令,看下你所能用的字体有哪些。

另外,代码可点击下载参考

1、如果你省略第一行,编译将失败。你的终端有一个叫PATH的变量,来存储一些默认的本地脚本。对于所有的命令终端认为这是第一个,默认并不是Unix的一部分。这允许任何命令位于一个目录路径运行没有指定完整的命令的位置。Xcode需要将相同的PATH变量分享给你的终端。这行添加/user/local/bin到PATH变量,Homebrew安装的地方。2、第二行设置IFS-internal字段分隔符换行符。如果你不这样做,第二行就会失败,因为文件名,Llama Trot,包含一个空格。如果你好奇没有第一行发生了什么,你可以将其删除后尝试一下。3、接下来的两行,获取本地的应用图标,然后分别将该路径保存到TARGET_PATH 和 BASE_IMAGE_PATH 变量中4、ImageMagick的一个新功能,Identity 获取图片的信息,接着是将betaRibbon.png的图标的尺寸改为合适的大小;5、最后一行做了两件事情。首先,它在原始的应用图标上添加"Hello World"文本。然后该脚本执行合成的功能--将有beta标识的图片放置在其上面。然后将合成的图片保存为应用的图标。

不相信我吗?那么试下相同的命令,但是将betaRibbon.png 和 test.png位置交换。

图片 7test2.png

在你完成应用程序的beta版本后,最后会有些人去帮你测试,使你去完善应用程序……或者会有投资青睐。但是如果测试人员有一种简单地方式去检查构建版本的应用程序会不会有帮助呢?

convert -list font

但是你不想永远是一个beta标识和构建号。那该怎么办?

提示:应用程序图标名字不是任意的。在最终的产品,应用程序图标的名称必须像AppIcon60x60@2x.png。Xcode使用此命名约定来确定使用哪个图标根据设备使用。

ImageMagick中有许多命令,但在本教程中,你需要用到的是convert和composite

composite test.png betaRibbon.png test2.png

7、test.png 输出的文件名,并且ImageMagick将会覆盖掉已经存在的文件。

如果你没有Times这个字体,那么选择一个你可以使用的来代替。现在,将beta标志加载图片上。在终端上输入:

这行是通过使用PlistBuddy来获取构建号。现在很简单的将“Hello World” 替换为$buildNumber:

这些就是在本教程中你需要知道的ImageMagick的功能,但是这些仅仅是ImageMagick功能的冰山一角。点击ImageMagick的主页,查看更多关于它的功能。

提示:应用程序图标名字不是任意的。在最终的产品,应用程序图标的名称必须像AppIcon60x60@2x.png。Xcode使用此命名约定来确定使用哪个图标根据设备使用。

图片 8你将会看到Run Script Phase添加到你的工程配置中。在运行脚本时,Shell参数被自动设置为bin/sh,也就是说脚本将在bash Unix shell中执行。在框中输入像下面这样:

构建并运行。你将看到什么也没发生。这事因为脚本打印的“Hello World”在你的构建日志中。

现在,选择一个iPad或者一个iPhone6+的模拟器,然后运行该项目。这是因为字体的大小是用像素表示的,不同的设备屏幕有不同的像素密度。这是很容易的。你真正想要的是根据整个图标通过一定的比例来设置文本的高度。在你之前设置WIDTH变量的地方立即加入下面的脚本:

图片 9beta图片 10debug

若想CFBundleVersion自动递增,参考这篇文章

那么为什么会是这样呢?

convert AppIcon60x60@2x.png -fill white -font Times-Bold -pointsize 18 -gravity south -annotate 0 "Hello World" test.png

3、font Times-Bold 告诉ImageMagick使用什么字体;

图片 11不同像素密度

这是确定你是否从Homebrew上安装的最新的安装包,这个也是确认你是否有安装Homebrew。

这个是将betaRibbon.png放在test.png的上面,然后将合成的图片保存为test2.png打开test2.png。等等,你看到的还是原来的test.png.那么为什么会是这样呢?test.png 大小是120x120的,然而,betaRibbon.png是1024x1014的,所以betaRibbon.png只有透明的那部分在test.png上,剩下的部分被裁剪掉了。不相信我吗?那么试下相同的命令,但是将betaRibbon.png 和 test.png位置交换。

cd ~/Desktop/AppIconSet

打开test2.png,然后你将看到我们期待的:

将所有的应用图标都添加到Images.xcassets中,将每个图标拖到合适的AppIcon尺寸上:

图片 12

你的目标是通过Xcode和ImageMagick,根据所选的构建配置,在每次构建时生成一个适当的图标。

ImageMagick简单使用ImageMagick中有许多命令,但在本教程中,你需要用到的是convert和compositeconvert:一张图片,修改它,然后保存为一张新的图片;composite:一张图片,在它上面覆盖另外一张图片,然后存为新的第三张图片。本教程中提供一些简单地图标供使用。当然,你也可以使用你自己的图标,但你需要修改为相应的文件名。在这里下载图标,对于本教程,将其放在桌面上。这里的目标之一是覆盖构建版本应用程序的图标。所以你将看到如何使用ImageMagick覆盖文本图像将Hello World放在其中的一个图标上。打开终端并进入到放应用程序图标的文件夹:

图片 13

如果安装失败,你会得到一个消息,并告诉你如何去修复它。这些是所有你需要安装的,以在本教程中使用。

convert betaRibbon.png -resize 120x120 smallBetaRibbon.png

brew doctor

安装Ghostscript通过运行下面的命令:

IFS=$'n'buildNumber=$(/usr/libexec/PlistBuddy -c "Print CFBundleVersion" "${PROJECT_DIR}/${INFOPLIST_FILE}")versionNumber=$(/usr/libexec/PlistBuddy -c "Print CFBundleShortVersionString" "${PROJECT_DIR}/${INFOPLIST_FILE}")PATH=${PATH}:/usr/local/binfunction generateIcon () {BASE_IMAGE_NAME=$1TARGET_PATH="${BUILT_PRODUCTS_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/${BASE_IMAGE_NAME}"BASE_IMAGE_PATH=$(find ${SRCROOT} -name ${BASE_IMAGE_NAME})WIDTH=$(identify -format %w ${BASE_IMAGE_PATH})FONT_SIZE=$(echo "$WIDTH * .15" | bc -l)if [ "${CONFIGURATION}" == "Debug" ]; thenconvert debugRibbon.png -resize ${WIDTH}x${WIDTH} resizedRibbon.pngconvert ${BASE_IMAGE_PATH} -fill white -font Times-Bold -pointsize ${FONT_SIZE} -gravity south -annotate 0 "$buildNumber" - | composite resizedRibbon.png - ${TARGET_PATH}fiif [ "${CONFIGURATION}" == "Beta" ]; thenconvert betaRibbon.png -resize ${WIDTH}x${WIDTH} resizedRibbon.pngconvert ${BASE_IMAGE_PATH} -fill white -font Times-Boldr -pointsize ${FONT_SIZE} -gravity south -annotate 0 "$buildNumber" - | composite resizedRibbon.png - ${TARGET_PATH}fi}generateIcon "AppIcon60x60@2x.png"generateIcon "AppIcon60x60@3x.png"generateIcon "AppIcon76x76~ipad.png"generateIcon "AppIcon76x76@2x~ipad.png"

IFS=$'n'

echo $(find ${SRCROOT} -name “AppIcon60x60@2x.png")

PATH=${PATH}:/usr/local/binIFS=$'n'function generateIcon () {BASE_IMAGE_NAME=$1TARGET_PATH="${BUILT_PRODUCTS_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/${BASE_IMAGE_NAME}"BASE_IMAGE_PATH=$(find ${SRCROOT} -name ${BASE_IMAGE_NAME})WIDTH=$(identify -format %w ${BASE_IMAGE_PATH})convert betaRibbon.png -resize $WIDTHx$WIDTH resizedRibbon.pngconvert ${BASE_IMAGE_PATH} -fill white -font Times-Bold -pointsize 18 -gravity south -annotate 0 "Hello World" - | composite resizedRibbon.png - ${TARGET_PATH}}generateIcon "AppIcon60x60@2x.png"generateIcon "AppIcon60x60@3x.png"generateIcon "AppIcon76x76~ipad.png"generateIcon "AppIcon76x76@2x~ipad.png"

你的新的 build phase应该看起来像下面这样:

现在输入:

PATH=${PATH}:/usr/local/bin

IFS=$'n'

function generateIcon () {

BASE_IMAGE_NAME=$1

TARGET_PATH="${BUILT_PRODUCTS_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/${BASE_IMAGE_NAME}"

BASE_IMAGE_PATH=$(find ${SRCROOT} -name ${BASE_IMAGE_NAME})

WIDTH=$(identify -format %w ${BASE_IMAGE_PATH})

FONT_SIZE=$(echo "$WIDTH * .15" | bc -l)

convert betaRibbon.png -resize $WIDTHx$WIDTH resizedRibbon.png

convert ${BASE_IMAGE_PATH} -fill white -font Times-Bold -pointsize ${FONT_SIZE} -gravity south -annotate 0 "Hello World" - | composite resizedRibbon.png - ${TARGET_PATH}

}

generateIcon "AppIcon60x60@2x.png"

generateIcon "AppIcon60x60@3x.png"

generateIcon "AppIcon76x76~ipad.png"

generateIcon “AppIcon76x76@2x~ipad.png"

1、AppIcon60x60@2x.png 是输入图片的名字;2、fill white 设置文本为白色;3、font Times-Bold 告诉ImageMagick使用什么字体;4、pointsize 18 设置字体的大小为18;5、gravity south 文本与图片的底部对齐6、annotate 0 "Hello World" 告诉ImageMagick使带有"Hello World"文本注释的图片旋转的度数为0度;7、test.png 输出的文件名,并且ImageMagick将会覆盖掉已经存在的文件。如果你在终端上没有看到任何的错误,那么你将会在AppIconSet的文件夹中看到一个命名为test.png的文件,打开后你会看到这样:

test.png 大小是120x120的,然而,betaRibbon.png是1024x1014的,所以betaRibbon.png只有透明的那部分在test.png上,剩下的部分被裁剪掉了。

brew install ghostscript

echo "${BUILT_PRODUCTS_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}"

echo “${SRCROOT}"

接下来,需要安装Ghostscript,因为你将使用的ImageMagick会依赖它。Ghostscript是一个软件套件用于呈现PDF和PS文件。你需要它是因为它提供了支持ImageMagick的字体。安装Ghostscript通过运行下面的命令:

2、第二行打印项目文件所在的文件夹路径。

构建配置如果想Debug和Release构建不同配置,则使用CONFIGURATION来设置。在脚本总添加一个if来选择当前的配置。更新你的脚本如下:

打开Xcode,选择FileNewProject…选择 iOSApplicationSingle View Application, 然后点击 Next. 工程命名为Llama Trot, 选择语言为 Swift, 然后设置设备为Universal. 然后将工程保存在桌面上。

准备首先,你需要安装 ImageMagick,这是一个非常强大的图形处理图软件套件,专门通过终端进行。你可以非常简单地通过Homebrew来安装ImageMagick。如果你没有安装Homebrew,或者你可能并不知道它是什么,你可以在主页上学习了解并安装它。如果你已经安装了Homebrew,打开终端并输入:

3、这行是将betaRibbon.png的图标的尺寸改为合适的大小;

如果中间发生错误,运行这个命令:

图片 14

同时,你也要将debugRibbon.png 和 betaRibbon.png 放在和.xcodeproj同级的目录文件中。

1、第一行设置IFS-internal字段分隔符换行符。如果你不这样做,第二行就会失败,因为文件名,Llama Trot,包含一个空格。如果你好奇没有第一行发生了什么,你可以将其删除后尝试一下。

Xcode新建iOS工程Llama Trot, 然后将工程保存在桌面上。你的目标是通过Xcode和ImageMagick,根据所选的构建配置,在每次构建时生成一个适当的图标。

这就是它!有构建数字和标识的应用图标!

为了得到我们想要的,你需要将betaRibbon.png的尺寸改为120x120的。在ImageMagick中这是非常容易的。仅仅输入:

6、annotate 0 “Hello World” 告诉ImageMagick使带有“Hello World”文本注释的图片旋转的度数为0度;

buildNumber=$(/usr/libexec/PlistBuddy -c "Print CFBundleVersion" "${PROJECT_DIR}/${INFOPLIST_FILE}")

前往有着相同名字的Llama Trot文件。在这里面你将看到Images.xcassets。打开Images.xcassets,你将会看到另外一个叫AppIcon.appiconset的文件。

composite betaRibbon.png test.png test2.png

现在,将beta标志加载图片上。在终端上输入:

cd ~/Desktop/AppIconSet

原文:How To Change Your App Icon at Build Time

翻译:zmp1123

你现在将会看到一张在test.png的右上角带有beta的很大的图片:

我将会逐一分解这行命令,因此你将会明白它做了写什么:

这行是通过使用PlistBuddy来获取构建号。现在很简单的将"Hello World" 替换为$buildNumber:

图片 15

convert betaRibbon.png -resize 120x120 smallBetaRibbon.png

打开test2.png。等等,你看到的还是原来的test.png.

构建版本号替换图标上"Hello World"文本为CFBundleVersion在你的脚本的最上面添加下面这行:

图片 16

运行项目,退回主屏幕,你将会看到一个修改过的图标:

2、fill white 设置文本为白色;

废话少说,先上效果图。

图片 17

图片 18Beta图片 19Debug代码可点击下载参考

如果你已经安装了Homebrew,打开终端并输入:

图片 20app图标

图片 21

本文在原先教程上作出了部分修改。

现在你已经处理了一个图标,现在该将这个脚本去处理所有的图标了,以使得在iPad、iPhone 6+等上显示。

将所有的应用图标都添加到Images.xcassets中,将每个图标拖到合适的AppIcon尺寸上:

  • Shift + H 切换到主屏幕。你将会看到一个修改过的图标:
convert ${BASE_IMAGE_PATH} -fill white -font Times-Bold -pointsize ${FONT_SIZE} -gravity south -annotate 0 "$buildNumber" - | composite resizedRibbon.png - ${TARGET_PATH}

4、最后一行做了两件事情。首先,它在原始的应用图标上添加“Hello World”文本。然后该脚本执行合成的功能——将有beta标识的图片放置在其上面。然后将合成的图片保存为应用的图标。

AppIcon60x60@2x.png替换为自己的资源名称

图片 22

接下来,你也需要安装Ghostscript,因为你将使用的ImageMagick会依赖它。Ghostscript是一个软件套件用于呈现PDF和PS文件。你需要它是因为它提供了支持ImageMagick的字体。

convert:一张图片,修改它,然后保存为一张新的图片;

图片 23

4、pointsize 18 设置字体的大小为18;

在图标上将“Hello World”文本换位构建号其实是很容易的事情。

在运行脚本时,Shell参数被自动设置为bin/sh,也就是说脚本将在bash Unix shel中执行。

composite smallBetaRibbon.png test.png test2.png

1、AppIcon60x60@2x.png 是输入图片的名字;

点击+,选择Duplicate Release 然后将它命名为 Beta。

IFS=$'n'

#1

PATH=${PATH}:/usr/local/bin

#2

TARGET_PATH="${BUILT_PRODUCTS_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/AppIcon60x60@2x.png"

BASE_IMAGE_PATH=$(find ${SRCROOT} -name "AppIcon60x60@2x.png")

#3

convert betaRibbon.png -resize 120x120 resizedBetaRibbon.png

#4

convert ${BASE_IMAGE_PATH} -fill white -font Times-Bold -pointsize 18 -gravity south -annotate 0 "Hello World" - | composite resizedBetaRibbon.png - ${TARGET_PATH}

通过在Application icon点击右键,然后选择Show Package Contents,你将看到这些图标。现在他们都是看起来非常正常的!

这个教程会让你写一些bash shell脚本。你将会使用到ImageMagick,Terminal,Xcode,去写一个自动在你的app的图标上加上“debug”或者“beta”标识的脚本。

Dubug配置将是调试版本,Beta配置将是测试版本,Release配置将是释放发布版本。

通过结合ImageMagick的技术和你以前的脚本,最终你会得到下面的脚本。确保更新相应的脚本:

这个教程将会向你展示这些,向你介绍一些或许很少有人知道的Xcode里面的功能。

图片 24

如果你在终端上没有看到任何的错误,那么你将会在AppIconSet的文件夹中看到一个命名为test.png的文件,打开后你会看到这样:

brew update

这行是非常微妙的,但是它确实是设置一个FONT_SIZE变量可变宽度的五分之一。因为Unix算术不支持浮点运算,您必须使用bc程序。

convert ${BASE_IMAGE_PATH} -fill white -font Times-Bold -pointsize ${FONT_SIZE} -gravity south -annotate 0 "$buildNumber" - | composite resizedRibbon.png - ${TARGET_PATH}

在你的工程中,选择Llama Trot的Target,然后选择Build Phases,点击+,在弹出的菜单中选择New Run Script Phase:

图片 25

本文由金沙澳门官网网址发布于电脑系统,转载请注明出处:Xcode编译时改变App的图标,如何在运行时改变Ap

关键词: