1 Correct answer
As you can see, my alignment is the same as my native one and without any obscure coefficients.
function _keyDraw(i)
{
keyNo[i].onDraw = function ()
{
try
{
this.graphics.rectPath(0, 0, this.size.width, this.size.height);
this.graphics.fillPath(keyNo[i].brush);
var tmp = "___________________________
Explore related tutorials & articles
38
Replies
After the first thread, I was able to get the following:
Everything works. Previous thread was because I didn't understand how onClick worked.
I gave this version to the users and the first comment was that the keys should be different shapes of gray or even colors. That is when I wrote the this thread as there is no direct way to "color" a button. Placing a statement declaring a button Background color do not work!!! So I found the code discussed in this thread. It uses iconbutton and colors the button very well but when adding text to the button I hit another wall as the text needs help to be centered on the button and no one knows how to do it, Do you? Scriptui is broken starting with not having a simple background color for the normal buttons.
I'm open to suggestions. Please.
RONC
Thanks for the response.
I guess I can't see the trees for the forest. I did the prototype in html/js and used images but started with the hard approach in Extendscript because it looked so easy. It was until coloring the buttons entered the picture.
With iconbutton where does the png reside? Can it be included in the jsxbin file? I'm getting an error: Error 509: Invalid image data Line: 25 -> dlg.add("iconbutton", undefined, f,{style: "toolbutton", toggle: true});
<
var u;
var dlg = new Window('dialog', 'Test');
var btn1 = dlg.add('button', u, 'OK', { name: 'ok' });
//var btn2 = dlg.add('iconbutton', u, u, { name: 'gray', style: 'toolbutton' });
var f= File ("\Test-1.png")
dlg.add("iconbutton", undefined, f,{style: "toolbutton", toggle: true});
dlg.show();
/>
I have the file in the same folder as the jsx file.
Thanks again.
RONC
I never drew user controls in the interface.
Here is a code made from yours that seems to align correctly on CS6.
var d = new Window("dialog");
d.orientation = "row";
d.alignChildren = "top";
var font = ScriptUI.newFont("Arial", ScriptUI.FontStyle.BOLD, 20);
var text = "Test 123 Test";
var sz0 = [250, 60];
with (d.add("group"))
{
orientation = "column";
d.b1 = add("button", undefined, text);
d.b1.preferredSize = sz0;
d.b1.graphics.font = font;
d.b2 = add("button", undefined, text);
d.b2.preferredSize = sz0;
d.b2.graphics.font = font;
}
with (d.add("group"))
{
orientation = "column";
d.b4 = add("button", undefined, text);
d.b4.preferredSize = sz0;
d.b4.graphics.font = font;
}
var brush = d.graphics.newBrush(d.graphics.BrushType.SOLID_COLOR, [1, 0.7, 0, 0.5] );
var pen = d.graphics.newPen(d.graphics.PenType.SOLID_COLOR,[0,0.5,0,1], 1);
d.b1.onDraw = function()
{
try {
this.graphics.rectPath(0,0,this.size.width,this.size.height);
this.graphics.fillPath(brush);
var sz = this.graphics.measureString(this.text, this.graphics.font);
this.graphics.drawString(this.text, pen, (this.size.width - sz.width)/2, (this.size.height - sz.height)/2);
}
catch(e) { alert(e); }
}
d.show();
On CC2018-20, alignment fails.
It is also seen that the font on the standard button is different from what is in CS6. In addition, in CC2018-20, the font size differs on the drawn button and the standard one. There is no such difference in CS6.
If you take the last code I sent and modify the 3 areas that contain the first code below to be like the later code.
Set var fudge = 1.5;
Make this code:
this.graphics.drawString(this.text, pen1, (this.size.width - sz.width) / 2, (this.size.height - sz.height) / 2);
to be:
var ln = text.length;
var scx = (ln + fudge) / ln;
this.graphics.drawString(this.text, pen1, (this.size.width - sz.width / scx) / 2, (this.size.height - sz.height) / 2);
It looks like the Extendscript code has an error in estimating the string length by an amount something like (length + 1.5) / length. Looks pretty good to me. I made the font size like 200 and the button 600 x 400 and measured the error now and it is way smaller. Enough for me to clone your code.
RONC
AdChoices