一、需求背景

在我們的項(xiàng)目開(kāi)發(fā)過(guò)程中，需要頻繁打包給測(cè)試人員去測(cè)試，有時(shí)候我們都不知道測(cè)試機(jī)上安裝的版本是否是最新的，這樣會(huì)造成很多不必要的麻煩和成本。因此我們需要將buildNumber以水印的方式打在APPIcon上，可以很直觀的知道當(dāng)前是哪一個(gè)版本。

二、需求分析

1、如何動(dòng)態(tài)更新圖標(biāo)

Xcode在build過(guò)程中可以執(zhí)行Script腳本，我們可以利用Script在程序運(yùn)行之前做很多我們想做的事情。

2、如何打水印

ImageMagick 免費(fèi)的圖片處理插件，同時(shí)支持多種語(yǔ)言。
github
官網(wǎng)

三、實(shí)現(xiàn)

1、ImageMagick安裝

有兩種安裝方式，具體可以看這里 ，推薦大家使用第一種，因?yàn)槲以跍y(cè)試第二種安裝的時(shí)候碰到了很多坑，需要自己安裝依賴(lài)，不然很多方法使用不了。

安裝
brew install imagemagick

檢查是否安裝成功

是否安裝成功
identify -version

2、Xcode項(xiàng)目配置

2.1 AppIcon配置

這里我使用的是唔哩頭條的icon，并新建一個(gè)AppIcon-Debug 用于存放Debug的圖標(biāo)，后面我們打水印生成的圖標(biāo)會(huì)存放到這里。

設(shè)置Debug模式下圖標(biāo)為剛才新建的圖標(biāo)組

2.2 腳本配置

我們?cè)陧?xiàng)目路徑下新建一個(gè)腳本文件并執(zhí)行

$ touch JCIconVersion.sh
$ vim JCIconVersion.sh
$ ./JCIconVersion.sh
-bash: ./JCIconVersion.sh: Permission denied

需要賦予可執(zhí)行權(quán)限

$ chmod +x JCIconVersion.sh

再次執(zhí)行

$ ./JCIconVersion.sh
hellow world

腳本創(chuàng)建完了并賦予了可執(zhí)行權(quán)限，我們現(xiàn)在將他配置到Xcode中。
先將他添加到項(xiàng)目中，然后在Build Phases中添加Run Script。
注意填寫(xiě)正確的腳本路徑

然后我們build一下項(xiàng)目

在這里能看到我們每次Build狀態(tài)，以及腳本運(yùn)行情況。
下面就進(jìn)入腳本代碼的編寫(xiě)。

3、Shell腳本編寫(xiě)

3.1 檢查是否安裝了ImageMagick

#######################################################
# 1、檢查是否安裝了ImageMagick
#######################################################
echo "??: Checking installed ImageMagick"

convertPath=`which convert`

if [[ ! -f ${convertPath} || -z ${convertPath} ]]; then
    convertValidation=true;
else
    convertValidation=false;
fi

# 未安裝 提示并退出
if [ "$convertValidation" == true ]; then
    echo "??: you need to install ImageMagick first, you can use brew to simplify process:\n brew  install  imagemagick"
    exit 0;
else
    echo "?: Begin convert"
fi

由于我們打水印使用的是convert命令，所以檢查convert是否安裝就行。

3.2 獲取需要的字段

######################################################
# 2. 全局字段
######################################################
# Assets中的appIcon文件名
APPICON_NAME="AppIcon"

# Assets中Debug環(huán)境的appIcon文件名
DEBUG_APPICON_NAME="${APPICON_NAME}-Debug"

# 獲取app版本號(hào)
APP_VERSION=$(/usr/libexec/PlistBuddy -c 'Print CFBundleShortVersionString' "${INFOPLIST_FILE}")

# 獲取build號(hào)
APP_BUILD_NUM=$(/usr/libexec/PlistBuddy -c 'Print CFBundleVersion' "${INFOPLIST_FILE}")

# Icon上顯示的文字內(nèi)容, 你可以在這里修改標(biāo)題格式
CAPTION="$APP_VERSION\n($APP_BUILD_NUM)"

3.3 復(fù)制AppIcon到AppIcon-Debug

######################################################
# 3. 復(fù)制AppIcon到AppIcon-Debug
######################################################
echo "?? Begin copy icon files"

# appicon路徑
APPICON_SET_PATH=`find $SRCROOT -name "${APPICON_NAME}.appiconset"`

echo "?? APPICON_SET_PATH=$APPICON_SET_PATH"
if [ "$APPICON_SET_PATH" = "" ]; then
    exitWithMessage "??  Get APPICON_SET_PATH failed." 0
fi

# appicon_debug路徑
ASSET_PATH=`echo $(dirname ${APPICON_SET_PATH})`
DEBUG_APPICON_SET_PATH="${ASSET_PATH}/${DEBUG_APPICON_NAME}.appiconset"
echo "?? DEBUG_APPICON_SET_PATH=$DEBUG_APPICON_SET_PATH"
if [ "$DEBUG_APPICON_SET_PATH" = "" ]; then
    exitWithMessage "??  Get DEBUG_APPICON_SET_PATH failed." 0
fi


# 刪除appicon_debug里的文件
rm -rf $DEBUG_APPICON_SET_PATH
if [ $? != 0 ];then
    exitWithMessage "??  Remove ${DEBUG_APPICON_SET_PATH} failed." 0
fi

# 復(fù)制appicon到appicon_debug
cp -rf $APPICON_SET_PATH $DEBUG_APPICON_SET_PATH
if [ $? != 0 ];then
    exitWithMessage "??  Copy ${APPICON_NAME} to ${DEBUG_APPICON_NAME} failed." 0
fi


echo "?  Finish copy icon files."

3.4 添加水印

# # 處理icon
# # Processing icon
function processIcon() {

BASE_IMAGE_PATH=$1
echo "BASE_IMAGE_PATH=$BASE_IMAGE_PATH"

BASE_FLODER_PATH=`dirname $BASE_IMAGE_PATH`
cd "$BASE_FLODER_PATH"

# 獲取圖片寬度
WIDTH=$(identify -format %w ${BASE_IMAGE_PATH})
echo "width $WIDTH"

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

convert ${BASE_IMAGE_PATH}  -font Arial -pointsize ${FONT_SIZE} \
-draw "gravity south \
fill white  text 0,12 '$APP_VERSION($APP_BUILD_NUM)'" \
${BASE_IMAGE_PATH}
}

3.5 處理AppIcon-Debug

#######################################################
# 4. 處理AppIcon-Debug
#######################################################
find "$DEBUG_APPICON_SET_PATH" -type f -name "*.png" -print0 |

while IFS= read -r -d '' file; do

echo "?? ${file}"
processIcon "${file}"

done

echo "?  Finish all process"

總結(jié)

最后附上Demo下載地址：Demo下載