Preset Script Adobe Illustrator CS6/CC Bootstrap Grid System
Preset Script Adobe Illustrator CS6/CC Bootstrap Grid System
Скрипт автоматизации создания сетки Bootstrap в Adobe Illustrator СS6-CC (возможно и ниже версии. Не тестировалось).
Протестировано на Windows 7, Windows 10, Mac.
Установка на Windows XP/Vista/7/10 (64 Bit)
Путь установки для Adobe Illustrator CS6 (64 Bit) (русская локаль)
C:\Program Files\Adobe\Adobe Illustrator CS6 (64 Bit)\Presets\ru_RU\Сценарии\BootstrapПуть установки для Adobe Illustrator CS6 (32 Bit) (русская локаль)
C:\Program Files (x86)\Adobe\Adobe Illustrator CS6\Presets\ru_RU\Сценарии\Bootstrap
Запуск скрипта
Окно настроек
Результат работы скрипта
Исходный код
Исходный код скрипта даже очень простой и со своей задачей справляется великолепно.
// Copyright 2008. WEB GROUP STUDIONIONS. All rights reserved.
// Bootstrap Grid System (Dev).
// Develop by ProjectSoft
/**
* @@@BUILDINFO@@@ Bootstrap Сгенерировать сетку....jsx
*/
#target illustrator
#strict on
var documentBootstrap,
cols = 12,
offset = 15,
wDoc = 1200,
hDoc = 768,
resDlg = "dialog {" +
" alignChildren: 'fill'," +
" bstd : Group {" +
" orientation: 'row', alignChildren: 'fill'," +
" info: Panel {" +
" orientation: 'column'," +
" borderStyle: 'sunken'," +
" text: 'Bootstrap Grid System'," +
" alignChildren: 'fill'," +
" mg: Group {" +
" orientation: 'row'," +
" alignment: 'left'," +
" s: StaticText {" +
" text: 'Выбор ширины шаблона'" +
" }," +
" m: DropDownList {" +
" alignment: 'left'," +
" preferredSize: [180, 20]" +
" }" +
" }," +
" um: Panel {" +
" orientation: 'row'," +
" alignChildren: 'right'," +
" borderStyle: 'sunken'," +
" text: 'Кастомизация'," +
" po: Group {" +
" orientation: 'column'," +
" alignment: 'top'," +
" alignChildren: 'left'," +
" s: StaticText {" +
" text: 'Количество колонок'," +
" }," +
" c: EditText {" +
" name: 'cols'," +
" text: '" + cols + "'," +
" preferredSize: [50, 20]," +
" }," +
" s: StaticText {" +
" text: 'Отступы блоков'," +
" }," +
" o: EditText {" +
" name: 'offset'," +
" text: '" + offset + "'," +
" preferredSize: [50, 20]," +
" }," +
" }," +
" pp: Group {" +
" orientation: 'column'," +
" alignment: 'top'," +
" alignChildren: 'left'," +
" s: StaticText {" +
" text: 'Ширина шаблона'," +
" }," +
" w: EditText {" +
" name: 'width'," +
" text: '" + wDoc + "'," +
" preferredSize: [50, 20]," +
" }" +
" }" +
" }," +
" btn: Group {" +
" orientation: 'row'," +
" alignment: 'right'," +
" ok: Button {" +
" text: 'Ok'," +
" properties: {" +
" name: 'ok'" +
" }" +
" }," +
" cancel: Button {" +
" text: 'Cancel'," +
" properties: {" +
" name: 'cancel'" +
" }" +
" }" +
" }" +
" }" +
" }" +
"}",
dlgBootstrap = new Window(resDlg, "Bootstrap Grid System"),
listBox = dlgBootstrap.bstd.info.mg.m,
customBox = dlgBootstrap.bstd.info.um.pp,
buttonOk = dlgBootstrap.bstd.info.btn.ok,
eColumnText = dlgBootstrap.bstd.info.um.po.c,
eOffsetText = dlgBootstrap.bstd.info.um.po.o,
eWidthText = dlgBootstrap.bstd.info.um.pp.w,
listboxChangeHandle = function(event) {
customBox.visible = (this.selection.index == 4);
},
buttonOkClickHandle = function(event) {
cols = parseFloat(eColumnText.text);
offset = parseFloat(eOffsetText.text);
switch (listBox.selection.index) {
case 0:
wDoc = 1200;
hDoc = 768;
break;
case 1:
wDoc = 992;
hDoc = 1200;
break;
case 2:
wDoc = 768;
hDoc = 1200;
break;
case 3:
wDoc = 480;
hDoc = 768;
break;
case 4:
wDoc = parseFloat(eWidthText.text);
hDoc = 768;
break;
}
dlgBootstrap.close();
documentBootstrap = app.documents.add (DocumentColorSpace.RGB, wDoc, hDoc);
gridDocument(wDoc, cols, offset);
},
NumericEditKeyboardHandler = function (event) {
try {
var keyIsOK = KeyIsNumeric (event) || KeyIsDelete (event) || KeyIsLRArrow (event) || KeyIsTabEnterEscape (event);
if (!keyIsOK) {
event.preventDefault();
app.beep();
}else {
var val = parseFloat(this.text);
var def;
if(isNaN (val)) {
try {
event.preventDefault();
switch(this.name){
case 'cols':
this.text = cols;
break;
case 'offset':
this.text = offset;
break;
case 'width':
this.text = wDoc;
break;
}
app.beep();
}catch(e){}
}
}
}
catch (e) {}
},
KeyHasModifier = function (event) {
return event.shiftKey || event.ctrlKey || event.altKey || event.metaKey;
},
KeyIsNumeric = function (event) {
return (event.keyName >= '0') && (event.keyName <= '9') && ! KeyHasModifier (event);
},
KeyIsDelete = function (event) {
return ((event.keyName == 'Backspace') || (event.keyName == 'Delete')) && ! (event.ctrlKey);
},
KeyIsLRArrow = function (event) {
return ((event.keyName == 'Left') || (event.keyName == 'Right')) && ! (event.altKey || event.metaKey);
},
KeyIsTabEnterEscape = function (event) {
return event.keyName == 'Tab' || event.keyName == 'Enter' || event.keyName == 'Escape';
},
NumericEditBlurHandler = function(event) {
var val = parseFloat(this.text);
if(isNaN (val)){
try{
event.preventDefault();
switch (this.name) {
case 'cols':
this.text = cols;
break;
case 'offset':
this.text = offset;
break;
case 'width':
this.text = wDoc;
break;
}
}catch(e){}
}else {
switch(this.name){
case 'cols':
this.text = val < 2 ? 2 : (val > 15 ? 15 : val);
break;
case 'offset':
this.text = val < 5 ? 5 : (val > 20 ? 20 : val);
break;
case 'width':
this.text = val < 480 ? 480: val;
break;
}
}
},
gridDocument = function (w, c, o) {
var columns = parseFloat(w/c),
guid = documentBootstrap.activeLayer.pathItems;
for(var i=0; i<c; i++){
var y = i*columns,
y1 = y+o,
y2 = y1+(columns-o*2);
for(var g = 0; g<3; g++){
var gl = guid.add();
gl.stroked = false;
gl.filled = false;
gl.guides = true;
var p;
switch(g){
case 0:
p = y;
break;
case 1:
p = y1;
break;
case 2:
p = y2;
break;
}
gl.setEntirePath( );
}
if(i == c-1){
var gl = guid.add ();
gl.stroked = false;
gl.filled = false;
gl.guides = true;
gl.setEntirePath( );
}
}
documentBootstrap.activeLayer.name = "Bootstrap Twitter Grids";
documentBootstrap.activeLayer.locked = true;
},
main = function() {
customBox.visible = false;
listBox.add("item", "screen-lg ≥ 1200px", 0);
listBox.add("item", "screen-md ≥ 992px", 1);
listBox.add("item", "screen-sm ≥ 768px", 2);
listBox.add("item", "screen-xs < 768px", 3);
listBox.add("item", "На заданную ширину", 4);
listBox.items[0].selected = true;
listBox.onChange = listboxChangeHandle;
eColumnText.addEventListener ('keydown', NumericEditKeyboardHandler);
eOffsetText.addEventListener ('keydown', NumericEditKeyboardHandler);
eWidthText.addEventListener ('keydown', NumericEditKeyboardHandler);
eColumnText.onDeactivate = NumericEditBlurHandler;
eOffsetText.onDeactivate = NumericEditBlurHandler;
eWidthText.onDeactivate = NumericEditBlurHandler;
buttonOk.onClick = buttonOkClickHandle;
dlgBootstrap.show();
};
main();
Посмотреть репозиторий на GitHub
Поделиться