new widget - Panel

pskink · by **pskink** » Wed Jan 21, 2009 11:24 am

Emmanuel7 wrote:Waoo !!
I must admit I don't really see what is missing now in order to make it a real v1.0 version.

see 3 TODOs in Panel.java, last two are minor, but the first one imho should be fixed somehow, but i dont know how...

Emmanuel7 wrote:Waoo !!
Two little points :
* First :
There is a bug ! when you drag the handle to have the panel fully expanded ( and pass the limit ), if you release the click button, the panel will instantly close itself. I changed the line 318 :

Syntax: [ Download ] [ Hide ]
Syntax: [ Download ] [ Show ]
Using java Syntax Highlighting
if (calculatedDuration == 0 ) {

Parsed in 0.030 seconds, using GeSHi 1.0.8.4

into
Syntax: [ Download ] [ Hide ]
Syntax: [ Download ] [ Show ]
Using java Syntax Highlighting
if (calculatedDuration == 0 && mIsShrinking) {

Parsed in 0.030 seconds, using GeSHi 1.0.8.4

And it looks like the problem is fixed !
(it's in the startAnimation runnable )

you were VERY close, but i think we should really avoid animation when calculatedDuration == 0 so:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

if (calculatedDuration == 0) {
        mState = State.READY;
        if (mIsShrinking) {
                mContent.setVisibility(GONE);
        }
        return;
}
 
Parsed in 0.034 seconds,  using GeSHi 1.0.8.4

Emmanuel7 wrote:*Second point :
I added another layout for you to test, to show something cool that perhaps you didn't think about :
You can have several panel on the same side !!!

And I think you should still add some functions to open / close the panel, both with and without the animation, from outside code.( but it should be something like 4 lines of code from what I have seen )

Really a nice thread :)

big thanks for new layout! i added it as default

added also isOpen and setOpen methods: setOpen is little longer than 4 lines but still small ;)

pskink · by **pskink** » Wed Jan 21, 2009 11:29 am

darolla wrote:it's really nice ;)

I've found a little bug: open the bottom widget, and try to hit the checkbox. the left widget is opened :( so the checkbox is unreachable...

btw: this widget isnt a standard widget. alrite. but cant it be found inside the original sources? it has to be there, because its part of android, isnt it???

altough the graphic cant be found in the sdk...

greetings,
darolla

this is not bug imho: run hierarchyviewer and see panels bounds. handle graphics is invisible on the sides but still belong to it.

graphics are in Launcher.apk on the emulator device

pskink · by **pskink** » Thu Jan 22, 2009 11:11 am

hi,

i managed to use GestureDetector in both cases - when panel is closed and opened.

i had to play with MotionEvents a bit before passing them to gesture detector but now it works much better ;)

pskink · by **pskink** » Thu Jan 22, 2009 9:49 pm

FYI:

added short movie in the first post of this thread

MrSnowflake · by **MrSnowflake** » Thu Jan 22, 2009 10:31 pm

why do both the top and bottom drawer resize the inner layout and the right drawer doesn't? I don't really like the fact that the inner layout changes shape... But the rest looks awsome

pskink · by **pskink** » Thu Jan 22, 2009 11:15 pm

MrSnowflake wrote:why do both the top and bottom drawer resize the inner layout and the right drawer doesn't? I don't really like the fact that the inner layout changes shape... But the rest looks awsome :)

bcoz top/bottom are 'inlined' panels, while left/right are 'overlayed'

i think that 'inlined' panels can be helpful sometimes, cannot give good examples right now, though... ;)

darolla · by **darolla** » Fri Jan 23, 2009 12:03 am

movie is a funny idea

avolovoy · by **avolovoy** » Fri Jan 23, 2009 5:23 am

Really really cool stuff . Can i make a suggestion ? Since i see couple of people working on this here may be it's good idea to move it to a project on code.google.com ? It'll ve SVN accessible which is good . Really awesome job though

pskink · by **pskink** » Fri Jan 23, 2009 9:26 am

avolovoy wrote:Really really cool stuff . Can i make a suggestion ? Since i see couple of people working on this here may be it's good idea to move it to a project on code.google.com ? It'll ve SVN accessible which is good . Really awesome job though

Aleksiej,

are you reffering to some existing google project or to new one?

darolla · by **darolla** » Fri Jan 23, 2009 9:56 am

hi,

I'd like to animate a tablerow which visibility is is VISIBLE or GONE, and this should be animated (maybe growing just like this panel)

can you maybe give me a starter to the animations?

greetings,
darolla

pskink · by **pskink** » Fri Jan 23, 2009 11:48 am

darolla wrote:hi,

I'd like to animate a tablerow which visibility is is VISIBLE or GONE, and this should be animated (maybe growing just like this panel)

can you maybe give me a starter to the animations?

greetings,
darolla

hi, as far as i remember i started with http://developerlife.com/tutorials/?p=343

darolla · by **darolla** » Fri Jan 23, 2009 1:32 pm

hi pskink,

well, I used my own fading out animation. thats nice so far.

but I've got the problem that after the animation everything is as it was before the animation.

I need to change something AFTER the animation, but I dont know which event?

can u please help me on this?

lets say I have got a button.

when its pressed (onclicklistener) the animation (fadeout) is startet.

then the button has to be visibility = gone.

greetings,
darolla

ps: sorry for using this thread, but u dont read your pms, do you?

Emmanuel7 · by **Emmanuel7** » Fri Jan 23, 2009 1:40 pm

Hi,

You have to implement a 'animationListener', which own an onAnimationEnd method.
And you add this animationListener to your animation with the 'setAnimationListener' Animation method.

I have a sample here :
http://androidblogger.blogspot.com/2009/01/chaining-two-animations-or-how-to.html

( I think I really have to work on the layout of my blog, it is hardly readable !! )

pskink · by **pskink** » Fri Jan 23, 2009 1:57 pm

darolla wrote:hi pskink,

well, I used my own fading out animation. thats nice so far.

but I've got the problem that after the animation everything is as it was before the animation.

I need to change something AFTER the animation, but I dont know which event?

can u please help me on this?

lets say I have got a button.

when its pressed (onclicklistener) the animation (fadeout) is startet.

then the button has to be visibility = gone.

greetings,
darolla

ps: sorry for using this thread, but u dont read your pms, do you? ;)

pms? sorry i always forget to check it...

for animations: they DONT change any view's attribute - position, visibility, alpha etc.

all you need to do is: set the view state as it would look after animation finishes and then start animation - eg setVisibility(GONE); startAnimation(fade-out)

sometimes you could use animation listener and its methods: start, finish, repeat.

darolla · by **darolla** » Fri Jan 23, 2009 4:04 pm

well, mate, thanks for the response, but you are wrong.

the animation is concurrent, so only in case of a very fast animation you can do both steps after each other (setVisibility(GONE); startAnimation(fade-out))

it took me some time to find out, but the Animation object has a setAnimationListener, so this way it works nicely.

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

 
        protected class MyAnimationListener implements AnimationListener {
 
                private LinearLayout ll;
 
                public AusblendenAnimationListener( LinearLayout ll ) {
 
                        this.ll = ll;
 
                }
 
                public void onAnimationEnd(Animation animation) {
 
                        ll.setVisibility( View.GONE );
 
                }
 
                public void onAnimationRepeat(Animation animation) {
 
                }
 
                public void onAnimationStart(Animation animation) {
 
                }               
 
        }
 
Parsed in 0.036 seconds,  using GeSHi 1.0.8.4

and the button (onclicklistener), which starts all, looks like this:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

 
        protected class LoeschenListener implements OnClickListener {
 
                private int id;
 
                public LoeschenListener( int id ) {
 
                        this.id = id;
 
                }
 
                public void onClick(View v) {
 
                        LinearLayout ll = (LinearLayout) findViewById( id );
 
                        Animation anim = AnimationUtils.loadAnimation(MyClass.this, R.anim.fade_away);
 
                        anim.setAnimationListener( new MyAnimationListener( ll ) );                     
 
                        ll.startAnimation(anim);
 
                        // this definitly doesn't work here !!!
 
//                      ll.setVisibility( View.GONE );
 
                }
 
        }       
 
Parsed in 0.037 seconds,  using GeSHi 1.0.8.4

greetings,
darolla

new widget - Panel

Who is online