custom controls

Share icon

Mon, 08/26/2013 - 01:48 pm

Hello,

I would like to make a button with an arrow on it (two actually; Up and Down). Reading through the manuals, it seems like these pictures are expected to actually be composed of 3 frames for the various button states. I attempted to load in a PNG file and convert to a proc pic, but I seem to have failed. The following shows part of the arrow normally, and a different part when clicked. I just was a basic black arrow pointing upward as the png file is.

I can obviously resize the picture before loading it to get it the right size but I need some help figuring out how to keep the same image for all button states.

button/z layerup pos={580,250}, size={30,50}, noproc, picture = {ProcGlobal#uparrow,1}, title=" "

// PNG: width= 48, height= 44
Picture UpArrow
    ASCII85Begin
    M,6r;%14!\!!!!.8Ou6I!!!!l!!!!f#R18/!!5P-RK*<f!HV./639EfIDl0d!"!U8=`XQC(D6]J(D6
    a]T@-U;!!!mY79FY1De=*8@<,oZ9ke*XDf]i/F<F@kAnbadJ*f+5!!!$c8OPjDGhVQ;Yml=>&3s)bb
    *4=mJIs:d7`qgK,UkMN@k^5=8=>W#&kE^6^gQ37o=+?rbC71J7GG6SX\7fMMW3bJ_-2T)]*;=a%888
    $+;%:&PW1A]:nk`^5`#Nj![Rn!'iO:BGX>-tY#?*<,?2,a.Og`SW+9:>Tosq?L,p;J44Ks3(80etPt
    J.H9-4Esoo'1m'<486.QWqSW2O)>Tq[*@Ko,qD)(IV5Ff;:+X%nQ6el`#Q0X*]:eMuP,TRq^U"LT1"
    2lL"i3C7Qeb8"b%ec`rI$8qL"?%QH%L[kLNJuZjg[1'G]$n)W?TKL#?nc/dWJ(L;p5V7ThjT-.n>Ib
    >haX66M^]FlpYeU;J/?lnk$S8Nt!XgQ`^]FlpYeU;J/?lnk$S8Nt!XgQ`^]FnFOIKDA"6;]Yh.%r&j
    T#8\!(fUS7'8jaJc
    ASCII85End
End


Thank you for your help.
johnweeks wrote:
Use your favorite image editing software to create a new graphic three times as wide with three copies of the arrow.

John Weeks
WaveMetrics, Inc.
support@wavemetrics.com



That's it? Such a simple solution. Thanks John.

August 27, 2013 at 07:46 am - Permalink

I needed to develop a similar control scheme, and found Paul Roland's old post which seemed to address a similar problem. Since no mention was made of switching between two of Paul's arrow states, I thought I would contribute my prototypical solution to this perennial problem. Basically, the ButtonControl function switches between two different arrow PICTs (this was adapted from the Manual example's button text alternation). Apologies to any previous posters whose relevant contributions I have missed.
Developed and tested with Windows 7, IP 7.05B01 x64
TwoStateButtonPICT.pxp Panel0.png

July 6, 2017 at 06:05 am - Permalink