とまカフェ

====

今回で最後になる予定です

⑩pngで出力
やりたいことは明快です。
「Save as…」で指定パスにpngで保存→ついでにpsdも保存。
activeDocument.layerSets.add();で追加したレイヤーグループを

for(i=0; i
とでもしてグループごとに(人ごとに)処理していきます
グループごとにpngに書き出したいので

一番下のグループから一つづつ表示して順次出力していきます。
for(i=0; i
一旦全てのグループを非表示にしてからi番目のグループを表示します。

 saveAs(saveIn[, options][, asCopy][, extensionType]) でセーブしていきます。
pngFilePath = new File(folderPath+"/"+app.activeDocument.layerSets[i].name+".png");
pngOpt = new PNGSaveOptions();
pngOpt.interlaced = false;
	
activeDocument.saveAs(pngFilePath, pngOpt, true, Extension.LOWERCASE);


パス"指定したフォルダ名/現在ドキュメント名/表示されているグループ名.png"、

インターレースなし、

コピー、

小文字(?)(他がUPPERCASEとNONEだったので…)

で保存。

====
あとはついでのpsd保存。

パス"指定したフォルダ名/現在ドキュメント名.psd"、

レイヤー残す、

コピーじゃない、

小文字(?)

で保存。

psdFilePath = new File(folderPath+".psd");
psdOpt = new PhotoshopSaveOptions();
psdOpt.layers = true;
activeDocument.saveAs(psdFilePath, psdOpt, false, Extension.LOWERCASE);

...できました

欲しかった全ての機能を実現できました（印刷以外は）

年賀状を送る時期を過ぎてから始めましたが、なんとか年内に完成しました。

とりあえず置いておきますが、JavaScript初めてなので色々許してください

宛名.jsx

おきまりの文句ですがこのファイルを使って生じたいかなる損失に対しても私は一切の責任を負いませんよ
とりあえず使い方を書かねば…

来年まで自分も覚えている自信がありません(^^;;
		
	    

前回に引き続きphotoshopで宛名です
⑨プリンタの位置ずれの調整はダイアログに追加する形で実現していきますよ。
1画面に収めるのは辛くなってきたのでタブ(「基本」と「詳細」)を追加します。
menu.tabParent = menu.add(“tabbedpanel”,[10,10,width-110,height-10]);
でwindowにTabbedPanelを追加します。
これはTabを追加するための親レイヤーのようなもののようです。

ではTabを追加していきます。
menu.tabParent.tab1 = menu.tabParent.add(“tab”,undefined,”基本”);
大きさは親TabbedPanelで指定したものと同じになるからundefinedにしろ、と書いてありましたのでおとなしくundefinedにしておきました
addしていけばどんどんタブを増やせるようです。
====

ちなみに実際に表示されるときには一番最後に追加したタブが表示されるようなので
menu.tabParent.selection = 0;
として一番最初に追加したタブが表示されるようにしておきました。

あとはmenu.tabParent.tab1.add()でどんどん中身を追加していきます
そこでついでに追加しようとした保存先選択ボタンで大きく引っかかったのでメモ。
フォルダを選択するダイアログを表示したかったのですが、File.openDialog()ではフォルダは選択できませんでした。
Folder.selectDialog();というのがありました。
このままではフォルダまでのパスがわからないので

menu.btnFolderBrowse.onClick = function () {
	var selectedFolder = Folder.selectDialog();
	var folderPath = selectedFolder.fsName;
}

btnBrowseをクリックした時にselectedFolder.fsNameでパスを取得するようにしました

あとはごりごりUIを作っていきます。

できました。
こんな感じです

ずれで入力する値は直接使うとpixelになってしまうので一旦(1/25.4)をかけてinchに変換。で、今回は300ppiですので300をかけて
parseFloat(textField.text)*(1/25.4)*300
と言う感じにmmをpixelに変換しました。

⑧フォントの指定は大変でした…
これまではAdobeのJAVASCRIPT TOOLS GUIDEを見て書いていたのですが、今度は何の情報もない。
とりあえず

dialog = new Window('dialog', '宛名', [x, y, y + width, x + height]);
dialog.show();

でよくPhotoshopの「ファイル>スクリプト」でよく見るようなダイアログが表示されたのでこれにボタンやドロップダウンメニューを追加していきます。
そこで検索したらたまたま見つけました。
ADOBE PHOTOSHOP CS5　JAVASCRIPT SCRIPTING REFERENCE
こんないいものがあるではないか。でも欲しい情報がちょっと足りなかったりするのでTOOLS GUIDEの方も併用していきます。
====

menu = new Window('dialog', '宛名', undefined);
menu.pnl1 = menu.add("panel", undefined,"郵便番号");
menu.sizeText1 = menu.pnl1.add("statictext",[ 10,50,110,70], "フォントサイズ:");
menu.pnl1.eText = menu.pnl1.add("edittext",  [110,50,145,70], 18);
menu.ptText1 = menu.pnl1.add("statictext",[150,50,200,70], "pt");
menu.fontText1 = menu.pnl1.add("statictext",[ 10,20,110,40], "　　　フォント:");
menu.pnl1.drop1 = menu.pnl1.add("dropdownlist", [110,20,260,40], );	
menu.center();		
menu.show();

とりあえずこんな感じで場所を調整しつつドロップダウンリストを一つ作成してダイアログを表示。
キャンセルボタンがないのでescキーでダイアログを消しました
そして、menu.center();で真ん中にダイアログを表示できるらしい表示できるらしいので追加。

あとは見た目がひどいことになってるので
menu.pnl1 = menu.add(“panel”, [0, 0, 300, 100],”郵便番号”);
としてねらった通りの表示をするように調整しました

ドロップダウンリストの中身を決めたいので入れていきます
ドロップダウンを二つ作って、左を「ヒラギノ角ゴ ProN」、右を「W3」というふうな表示にしたいのでapp.fontsから取得。

var fontFamilyArr = new Array();
var fontArr = new Array();
var tmpFontArr = new Array();
var j=0, k=1, tmp;

tmpFontArr[0] = app.fonts[0];
tmp = app.fonts[0].family;
for (i=1; i<app.fonts.length; i++){  //フォントの数だけ回す
	if(tmp == app.fonts[i].family){  //一個前(==tmp)と同じフォントファミリーなら
		tmpFontArr[k] = app.fonts[i];  //tmpFontArrに該当フォントを入れる
		k++;  //次へ
	}else{  //一個前(==tmp)と違うフォントファミリーなら
		fontArr[j] = tmpFontArr; //tmpFontArrにたまった内容をfontArrに追加(二次元配列)
		tmpFontArr　= []; //初期化
		tmpFontArr[0] = app.fonts[i]; //フォントファミリー内の一番最初のフォントを追加
		fontFamilyArr[j] = app.fonts[i-1].family; //フォントファミリー名を追加
		k = 1;  //二行上でk=0の分を追加済みなので
		j ++;  //次へ
	}
	tmp = app.fonts[i].family;  //今のフォントファミリー名をとっておく
}

最終的にfontFamilyArrにはフォントファミリー名が被らないように、fontArrには{{font, font},{font, font}}という感じでフォントファミリーごとに入っていることになります。

で、さっきのものとつなげてこんな感じになりました。

var fontFamilyArr = new Array();
var fontArr = new Array();
var tmpFontArr = new Array();
var j=0, k=1, tmp;

tmpFontArr[0] = app.fonts[0];
	tmp = app.fonts[0].family;
	for (i=1; i<app.fonts.length; i++){
		if(tmp == app.fonts[i].family){
			tmpFontArr[k] = app.fonts[i];
			k++;
		}else{
			fontArr[j] = tmpFontArr;
			tmpFontArr　= [];
			tmpFontArr[0] = app.fonts[i];
			fontFamilyArr[j] = app.fonts[i-1].family;
			k = 1;
			j ++;
		}
		tmp = app.fonts[i].family;
	}

menu = new Window('dialog', '宛名', undefined);
menu.pnl1 = menu.add("panel", [0, 0, 400, 100],"郵便番号");
menu.sizeText1 = menu.pnl1.add("statictext",[ 10,50,110,70], "フォントサイズ:");
menu.pnl1.eText = menu.pnl1.add("edittext",  [110,50,145,70], 18);
menu.ptText1 = menu.pnl1.add("statictext",[150,50,200,70], "pt");
menu.fontText1 = menu.pnl1.add("statictext",[ 10,20,110,40], "　　　フォント:");
menu.pnl1.drop1 = menu.pnl1.add("dropdownlist", [110,20,310,40], fontFamilyArr);
menu.pnl1.drop2 = menu.pnl1.add("dropdownlist", [300,20,360,40], );
menu.center();
menu.show();

あとは.onChangeでdrop1の変更を受け取ってdrop2の中身を変えてます。

menu.pnl1.drop1.onChange = function () {
	if (this.selection != null) {
		var index = this.selection.index;
		menu.pnl1.drop2.removeAll();
		for(i=0; i<fontArr[index].length; i++){
			menu.pnl1.drop2.add('item', fontArr[index][i].style);
		}
		menu.pnl1.drop2.selection = menu.pnl1.drop2.items[0];
	}
}

OKボタンとキャンセルボタンを追加し、onClickで押された時の挙動を設定して、

	menu.btnOK = menu.add("button", [width - 110, 15, width - 5, 45], "OK");
	menu.btnCancel = menu.add("button", [width - 110, 55, width - 5, 85], "キャンセル");
	menu.btnInit = menu.add("button", [width - 110, 95, width - 5, 125], "初期化");

ごちゃごちゃごりごり３つだからfor文とか使わなくてもいいかな、と思いながら整えますと
こんな感じになりました

今回は終了。座標の調整がちょっと面倒に感じましたが、undefinedでは思ったようにいかないことが多かったので要調査？

前回の続きです

⑤配列からの文字レイヤー作成ですが、文字レイヤーはほかのレイヤーとは少し機能が異なるようでTextItemというプロパティを持っているらしいです。
とりあえず新規テキストレイヤー作成。

	var newLayer = layerSet.artLayers.add();
	newLayer.kind = LayerKind.TEXT;

それから指定したい値をいじります

	newLayer.textItem.contents = text; //文字列
	newLayer.textItem.position = position;　//位置 Array(x, y)
	newLayer.textItem.font = font.postScriptName; //フォント（postScriptNameで指定しないといけないらしい）
	newLayer.textItem.size = size; //フォントサイズ
	newLayer.textItem.direction = dir; //縦書き、横書き(HORIZONTAL, VERTICAL)
	newLayer.textItem.justification = Justification.LEFTJUSTIFIED; //文字揃え
	newLayer.textItem.maximumLetterScaling = newLayer.textItem.minimumLetterScaling = newLayer.textItem.desiredLetterScaling = kering; //文字間隔
	newLayer.textItem.maximumWordScaling = newLayer.textItem.minimumWordScaling = newLayer.textItem.desiredWordScaling = kering*2; //空白との間隔

====

⑥はがきに合わせて文字レイヤーを置く、についてはヒラギノ角ゴ ProNに合わせて以前私が作っていたものの座標を流用しました。
上のpositionに座標が入っています。

⑦は前回クリア済みですので省略。

今回はとりあえずここまで。
今までもまれにソースコードを載せていたことがありましたが、今回ようやくCrayon Syntax Highlighterを入れてみました
次回に続きます