Re: [paragui-users] Button Samples

[leiavoia]

On Sunday 28 September 2003 01:28 am, Marco Silva wrote:
> Can anyone send me some sample codes of button settings, something like
> background images etc... and how to change the color on mouse over ...
> Can i change the background image of the screen ? How ?
>
> Thanks ....
>
> Sorry about my english....


well, here's the button code pulled from my project:

        // about & credits
        about = new PG_Button(this, 202, PG_Rect(722,600,180, 35), "About 
AXIS");
        about->SetFont(ibfont);
        about->SetFontSize(16);
        about->SetFontColor(0,0,0);

but the real fun is in the theme file. mine has several kinds of buttons:

-------------------------


    <widget>
        <type value="Button"/>
        <object>
            <type value="Button"/>
            <name value="Button"/>
            <color name="textcolor" value="0x00FFFFFF"/>
            <filename name="background0" value="theme/button01.png"/>
            <filename name="background1" value="theme/button02.png"/>
            <filename name="background2" value="theme/button03.png"/>
            <property name="backmode0" value="TILE"/>
            <property name="backmode1" value="TILE"/>
            <property name="backmode2" value="TILE"/>
            <gradient name="gradient0" color0="0x00000000" color1="0x00000000" 
color2="0x00000000" color3="0x00000000"/>
            <gradient name="gradient1" color0="0x00000000" color1="0x00000000" 
color2="0x00000000" color3="0x00000000"/>
            <gradient name="gradient2" color0="0x00000000" color1="0x00000000" 
color2="0x00000000" color3="0x00000000"/>
            <property name="blend0" value="0"/>
            <property name="blend1" value="0"/>
            <property name="blend2" value="0"/>
            <color name="bordercolor0" value="0x00E0E0E0"/>
            <color name="bordercolor1" value="0x00404040"/>
            <property name="bordersize0" value="1"/>
            <property name="bordersize1" value="1"/>
            <property name="bordersize2" value="1"/>
            <property name="transparency0" value="0"/>
            <property name="transparency1" value="0"/>
            <property name="transparency2" value="0"/>
            <filename name="iconup" value="none"/>
            <filename name="icondown" value="none"/>

      <filename name="apply_icon" value="theme/button_apply_icon.png"/>
      <filename name="cancel_icon" value="theme/button_cancel_icon.png"/>
      <filename name="close_icon" value="theme/button_close_icon.png"/>
      <filename name="no_icon" value="theme/button_no_icon.png"/>
      <filename name="ok_icon" value="theme/button_ok_icon.png"/>
      <filename name="yes_icon" value="theme/button_yes_icon.png"/>
      <filename name="help_icon" value="theme/button_help_icon.png"/>
    </object>

        <object>
            <type value="Button"/>
            <name value="ImgButton"/>
            <color name="textcolor" value="0xFFFFFF"/>
            <filename name="background0" value="none"/>
            <filename name="background1" value="none"/>
            <filename name="background2" value="none"/>
            <property name="backmode0" value="TILE"/>
            <property name="backmode1" value="TILE"/>
            <property name="backmode2" value="TILE"/>
            <gradient name="gradient0" color0="0x00000000" color1="0x00000000" 
color2="0x00000000" color3="0x00000000"/>
            <gradient name="gradient1" color0="0x00000000" color1="0x00000000" 
color2="0x00000000" color3="0x00000000"/>
            <gradient name="gradient2" color0="0x00000000" color1="0x00000000" 
color2="0x00000000" color3="0x00000000"/>
            <property name="blend0" value="255"/>
            <property name="blend1" value="255"/>
            <property name="blend2" value="255"/>
            <color name="bordercolor0" value="0x00E0E0E0"/>
            <color name="bordercolor1" value="0x00404040"/>
            <property name="bordersize0" value="1"/>
            <property name="bordersize1" value="1"/>
            <property name="bordersize2" value="1"/>
            <property name="transparency0" value="255"/>
            <property name="transparency1" value="255"/>
            <property name="transparency2" value="255"/>
            <filename name="iconup" value="none"/>
            <filename name="icondown" value="none"/>

      <filename name="apply_icon" value="theme/button_apply_icon.png"/>
      <filename name="cancel_icon" value="theme/button_cancel_icon.png"/>
      <filename name="close_icon" value="theme/button_close_icon.png"/>
      <filename name="no_icon" value="theme/button_no_icon.png"/>
      <filename name="ok_icon" value="theme/button_ok_icon.png"/>
      <filename name="yes_icon" value="theme/button_yes_icon.png"/>
      <filename name="help_icon" value="theme/button_help_icon.png"/>
    </object>

        <object>
            <type value="Button"/>
            <name value="SmallButton"/>
            <font name="default" value="theme/fonts/arial.ttf" size="12"/>
            <color name="textcolor" value="0x00000000"/>
            <filename name="background0" value="none"/>
            <filename name="background1" value="none"/>
            <filename name="background2" value="none"/>
            <property name="backmode0" value="TILE"/>
            <property name="backmode1" value="TILE"/>
            <property name="backmode2" value="TILE"/>
            <gradient name="gradient0" color0="0x00000000" color1="0x00000000" 
color2="0x00000000" color3="0x00000000"/>
            <gradient name="gradient1" color0="0x00000000" color1="0x00000000" 
color2="0x00000000" color3="0x00000000"/>
            <gradient name="gradient2" color0="0x00000000" color1="0x00000000" 
color2="0x00000000" color3="0x00000000"/>
            <property name="blend0" value="0"/>
            <property name="blend1" value="0"/>
            <property name="blend2" value="0"/>
            <color name="bordercolor0" value="0x00E0E0E0"/>
            <color name="bordercolor1" value="0x00404040"/>
            <property name="bordersize0" value="1"/>
            <property name="bordersize1" value="1"/>
            <property name="bordersize2" value="1"/>
            <property name="transparency0" value="0"/>
            <property name="transparency1" value="0"/>
            <property name="transparency2" value="0"/>
            <filename name="iconup" value="none"/>
            <filename name="icondown" value="none"/>

      <filename name="apply_icon" value="theme/button_apply_icon.png"/>
      <filename name="cancel_icon" value="theme/button_cancel_icon.png"/>
      <filename name="close_icon" value="theme/button_close_icon.png"/>
      <filename name="no_icon" value="theme/button_no_icon.png"/>
      <filename name="ok_icon" value="theme/button_ok_icon.png"/>
      <filename name="yes_icon" value="theme/button_yes_icon.png"/>
      <filename name="help_icon" value="theme/button_help_icon.png"/>
    </object>

  </widget>

-------------------------------

you can switch between types by calling something like:

        button->LoadThemeStyle("Button","SomeKindOfButton");

hope that helps


-- 
leiavoia
The AXIS Project
http://www.project-axis.net/