Le dimanche 27 janvier 2008, Toma a écrit :
> Hi all,
> Trying to get this transition to work. I want this image to change to
> the other image... Im just not sure if i can do that with
> etk/progress_bar... Is there a way to find out if these things are
> possible? I was flicking through the source code for the progress bar
> in etk and saw the part is indeed an edje_object so assumed it could
> do all the regular edje stuff.
Hi,

For sure it can be done. But to have a transition between 2 image you need two 
separated "part", and not just another "description" with another image.
See below for the corrected code.

> Thanks,
> Toma-
>
> -----------------------------------------
> group {
>    name: "etk/progress_bar";
>    min: 120 18;
>    data {
>       item: "filler_pulse_width" "0.3";
>    }
>    parts {
>       part {
>          name: "progress_bar";
>          description {
>             state: "default" 0.0;
>             rel1 {
>                relative: 0.0 0.5;
>                offset: 0 -9;
>             }
>             rel2 {
>                relative: 1.0 0.5;
>                offset: -1 8;
>             }
>             image {
>                normal: "entry.png";
>                border: 4 4 4 4;
>             }
>             fill {
>                smooth: 0;
>             }
>          }
>       }
>       part {
>          name: "clip";
>        type: RECT;
>          description {
>             state: "default" 0.0;
>             rel1 {
>                relative: 0.0 0.5;
>                offset: 0 -9;
>             }
>             rel2 {
>                relative: 1.0 0.5;
>                offset: -1 8;
>             }
>          }
>       }
>       part {
>          name: "confine";
>          type: RECT;
>          description {
>             state: "default" 0.0;
>             visible: 0;
>           rel1 {
>              relative: 0.0 0.0;
>              offset: 2 0;
>              to: "progress_bar";
>           }
>           rel2 {
>              relative: 1.0 1.0;
>              offset: -3 0;
>              to: "progress_bar";
>           }
>          }
>       }
>       part {
>        name: "etk.dragable.filler";
>        mouse_events: 0;
>        dragable {
>           confine: "confine";
>           x: 1 1 1;
>           y: 0 0 0;
>        }
>        description {
>           state: "default" 0.0;
>           min: 0 14;
>           fixed: 1 1;
>           rel1 {
>              relative: 0.5 0.5;
>              offset: 0 0;
>              to: "progress_bar";
>           }
>           rel2 {
>              relative: 0.5 0.5;
>              offset: 0 0;
>              to: "progress_bar";
>           }
>           image {
>              normal: "progress_plasma.png";
>              border: 5 5 5 5;
>           }
>           fill {
>              smooth: 1;
>           }
>        }
>        description {
>           state: "active" 0.0;
>           inherit: "default" 0.0;
>           image {
>              normal: "progress_plasma1.png";
>            }
>          }
>        }

Here you need 2 parts:
 part {
         name: "etk.dragable.filler";
         mouse_events: 0;
         dragable {
            confine: "confine";
            x: 1 1 1;
            y: 0 0 0;
         }
         description {
            state: "default" 0.0;
            min: 0 14;
            fixed: 1 1;
            rel1 {
               relative: 0.5 0.5;
               offset: 0 0;
               to: "progress_bar";
            }
            rel2 {
               relative: 0.5 0.5;
               offset: 0 0;
               to: "progress_bar";
            }
            image {
               normal: "progress_plasma.png";
               border: 5 5 5 5;
            }
            fill {
               smooth: 1;
            }
         }
      }

part {
         name: "etk.dragable.filler.active";
         mouse_events: 0;
         description {
            state: "default" 0.0;
            visible: 0;
            color: 255 255 255 0;
            rel1.to: "etk.dragable.filler";
            rel2.to: "etk.dragable.filler";
            image {
               normal: "progress_plasma1.png";
             }
           }
         description {
            state: "active" 0.0;
            inherit: "default" 0.0;
            visible: 1;
            color: 255 255 255 255;
           }
         }


>       part {
>          name: "etk.text.text";
>          type: TEXT;
>        clip_to: "clip";
>          mouse_events: 0;
>          description {
>             state: "default" 0.0;
>             color: 255 255 255 255;
>             rel1 {
>              relative: 0.0 0.0;
>              offset: 4 3;
>              to: "progress_bar";
>           }
>           rel2 {
>              relative: 1.0 1.0;
>              offset: -5 -3;
>              to: "progress_bar";
>           }
>             text {
>                text: "Text";
>                font: "Vera";
>                size:  10;
>                align: 0.5 0.5;
>             }
>          }
>       }
>       GLINT_PART("etk.dragable.filler")
>    }
>    programs {
>       program {
>        name: "glowon";
>        source: "e.dragable.slider";
>          action:  STATE_SET "active" 0.0;
>        transition: SINUSOIDAL 1.0;
>        target: "etk.dragable.filler";
>        after: "glowoff";
>       }
>       program {
>        name: "glowoff";
>          action:  STATE_SET "default" 0.0;
>        transition: SINUSOIDAL 1.0;
>        target: "etk.dragable.filler";
>        after: "glowon";
>       }
>       program {
>          name: "progress_bar_init";
>          signal: "load";
>          after: "progress_bar_glint";
>       }
>       program {
>          name: "progress_bar_glint";
>          signal: "mouse,in";
>          source: "etk.dragable.filler";
>          in: 4.0 2.0;
>          GLINT_ACTION
>          after: "progress_bar_glint";
>       }
>       GLINT_PROGRAM
>    }
This program should show the "etk.dragable.filler.active" part:
program {
         name: "progress_bar_glint";
         signal: "mouse,in";
         source: "etk.dragable.filler";
         action:  STATE_SET "active" 0.0;
         transition: DECELERATE 0.5;
         target: "etk.dragable.filler.active";
      }
And deactivate the "etk.dragable.filler.active" part:
program {
         name: "progress_bar_glint_deactivate";
         signal: "mouse,out";
         source: "etk.dragable.filler";
         action:  STATE_SET "default" 0.0;
         transition: ACCELERATE 0.5;
         target: "etk.dragable.filler.active";
      }

> }
>
> -------------------------------------------------------------------------
> This SF.net email is sponsored by: Microsoft
> Defy all challenges. Microsoft(R) Visual Studio 2008.
> http://clk.atdmt.com/MRT/go/vse0120000070mrt/direct/01/
> _______________________________________________
> enlightenment-devel mailing list
> enlightenment-devel@lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/enlightenment-devel



-- 
------------------------
Raoul Hecky


-------------------------------------------------------------------------
This SF.net email is sponsored by: Microsoft
Defy all challenges. Microsoft(R) Visual Studio 2008.
http://clk.atdmt.com/MRT/go/vse0120000070mrt/direct/01/
_______________________________________________
enlightenment-devel mailing list
enlightenment-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/enlightenment-devel

Reply via email to