[Custom Widget] - HandyFlipper: makes everything flip

mmin18 · by **mmin18** » Fri Apr 18, 2008 9:13 am

HandyFlipper is a custom widget inherited from ViewAnimator. Is is first designed to use in my project handyCalc.
Here is a demo to show how it works. (sorry about the color, it's a gif)

Or you can watch the handyCalc video demo in my_submission_is_a_calculator-t1704.html

There is some other widget in android.widget that you can flip, like Spinner, Gallery. In Spinner, you cannot flip if it's child is focusable, like a button in a Spinner.

Now i'll just show you how to use it. you can view the code below or download a package and import in your eclipse to run it yourself: files/handycalc_library_155.zip

It's just a layout file to make it work:

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

<?xml version="1.0" encoding="utf-8"?>
<org.mmin.handycalc.HandyFlipper xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:handy="http://schemas.android.com/apk/res/org.mmin.handycalc"
        handy:flipHorizontal="true"
        handy:flipVertical="true"
        handy:circle="true"
        handy:motionSpeed="60"
        handy:motionInterval="500"
        handy:motionDistance="60"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        >
<!--
        motionSpeed is the minimum distance(in pixel) between the last ACTION_MOVE and ACTION_UP event
        motionInterval is the maximum milliseconds between ACTION_DOWN and ACTION_UP event
        motionDistance is the minimum distance(in pixel) between ACTION_DOWN and ACTION_UP event
 -->
        
        <TextView
                android:text="1 / 3nflip left|right, up|down"
                android:textSize="36sp"
                android:textAlign="center"
                android:background="#6FFF"
                android:layout_width="fill_parent"
                android:layout_height="300px"
                />
        
        <EditText
                android:text="2 / 3nthis is a EditText which you cannot flip in Spinner"
                android:textSize="36sp"
                android:textAlign="center"
                android:layout_width="fill_parent"
                android:layout_height="300px"
                />
        
        <Button
                android:text="3 / 3nthis is a Button"
                android:textSize="36sp"
                android:textAlign="center"
                android:layout_width="fill_parent"
                android:layout_height="300px"
                />
        
</org.mmin.handycalc.HandyFlipper>
Parsed in 0.003 seconds,  using GeSHi 1.0.8.4

Next section I'll show you how to make this custom widget.

mmin18 · by **mmin18** » Fri Apr 18, 2008 9:30 am

This is the java class for HandyFlipper. I hide most of the code just leave the most essential methods to make ViewAnimator flipable.

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

package org.mmin.handycalc;
 
import ...;
 
public class HandyFlipper extends ViewAnimator {
 
// To view the full code, download the archive file http://www.anddev.org/files/handycalc_library_155.zip and import it in eclipse.
 
        MotionEvent motionDown, motionPrev;
 
        boolean motionCanceled;
 
        @Override
 
        public boolean onInterceptTouchEvent(MotionEvent event) {
 
                if (event.getAction() == MotionEvent.ACTION_DOWN) {
 
                        motionDown = event;
 
                        motionPrev = event;
 
                        motionCanceled = false;
 
                        // just record the ACTION_DOWN event and return false. the event will dispatch as a normal way.
 
                        return false;
 
                }
 
                if (motionCanceled)
 
                        return true; // canceled, then the child no need to process it.
 
                if (event.getAction() == MotionEvent.ACTION_MOVE) {
 
                        motionPrev = event;
 
                        // just record the ACTION_MOVE event and return false. the event will dispatch as a normal way.
 
                        return false;
 
                }
 
                if (event.getAction() == MotionEvent.ACTION_UP) {
 
                        if (motionDown == null || motionPrev == null)
 
                                return false;
 
                        long time = event.getEventTime() - motionDown.getEventTime();
 
                        if (time > motionInterval)
 
                                return false;
 
                        // the event's getX will be modify when deliver to child. so use getRawX instead
 
                        float dx = event.getRawX() - motionDown.getRawX();
 
                        float absDx = Math.abs(dx);
 
                        float dy = event.getRawY() - motionDown.getRawY();
 
                        float absDy = Math.abs(dy);
 
                        float abs = Math.max(absDx, absDy);
 
                        if (abs < motionDistance)
 
                                return false;
 
                        float v = Math.abs(abs) * 1000 / time;
 
                        if (v < motionSpeed) {
 
                                motionPrev = event;
 
                                return false;
 
                        } else {
 
                                // start to flip. if it return true, the child will receive a event with MotionEvent.ACTION_CANCEL instead of MotionEvent.ACTION_UP
 
                                // so make sure your custom widget will handle MotionEvent.ACTION_CANCEL
 
                                motionDown = null;
 
                                motionPrev = null;
 
                                motionCanceled = true;
 
                                if (abs == absDx) {
 
                                        if (!flipHorizontal)
 
                                                return false;
 
                                        if (dx < 0)
 
                                                return moveRight();
 
                                        else
 
                                                return moveLeft();
 
                                } else {
 
                                        if (!flipVertical)
 
                                                return false;
 
                                        if (dy < 0)
 
                                                return moveDown();
 
                                        else
 
                                                return moveUp();
 
                                }
 
                        }
 
                } else if (event.getAction() == MotionEvent.ACTION_CANCEL) {
 
                        motionDown = null;
 
                        motionPrev = null;
 
                        return false;
 
                }
 
                return false;
 
        }
 
        @Override
 
        public boolean dispatchTouchEvent(MotionEvent ev) {
 
                super.dispatchTouchEvent(ev);
 
                // always return true to tell the parent the event is processed
 
                return true;
 
        }
 
        @Override
 
        public boolean onTouchEvent(MotionEvent event) {
 
                this.onInterceptTouchEvent(event);
 
                // always return true to tell the parent the event is processed
 
                return true;
 
        }
 
}
 
Parsed in 0.014 seconds,  using GeSHi 1.0.8.4

Other codes and resources like attrs and anims can be found in the archive file

andreleitao · by **andreleitao** » Thu Mar 26, 2009 9:45 pm

Nice job mmin18

It looks very nice!
I'll test it!

pcudb0189 · by **pcudb0189** » Wed Jun 10, 2009 11:41 am

Hi I download you code

but I have a mistake about the view.ViewInflate
SDK can't be found the view.ViewInflate

Is it the wrong with the different edtion?

genxsol · by **genxsol** » Tue Aug 11, 2009 2:56 pm

i downloaded the code but there is error view.ViewInflate not resolved

genxsol · by **genxsol** » Tue Aug 11, 2009 3:06 pm

can you please upload your latest code for 1.5

bennyb · by **bennyb** » Sat Sep 26, 2009 11:38 pm

Don't waste your time

okless · by **okless** » Fri Dec 18, 2009 7:13 pm

Can you pleeeeese resubmit code that will work with latest of 1.5?

Ohad

phuqm · by **phuqm** » Mon Jun 28, 2010 5:19 am

I'd like to test too, but I
can't download the zip. custom_widget_-_handyflipper_makes_everything_flip-t1790.html

says:

Forbidden

You don't have permission to access /files/handycalc_library_155.zip on this server.

Glenghis · by **Glenghis** » Fri Jul 23, 2010 11:59 am

As with the poster above, I am also unable to download the library file with the same problem. Am I correct in assuming that I have to post a certain number of times before I am able to download or is it just a permissions problem on the files folder? Sorry to re-necro this thread but I'm quite sure that TPTB would like to be told if something on the site isn't working.

plusminus · by **plusminus** » Fri Jul 23, 2010 2:19 pm

Sorry, guys, you had to have 3 posts to download files. Let me know if it is working now.

Best Regards,
Nicolas

Glenghis · by **Glenghis** » Fri Jul 23, 2010 2:44 pm

As this is my 3rd post, I will now try it

** Edit **
Nope still not working. I will try and find some topics to reply to (without being a post whore) to increase my post count.

[Custom Widget] - HandyFlipper: makes everything flip

[Custom Widget] - HandyFlipper: makes everything flip

view.ViewInflate not resolved

please update the code

This is garbage ... a waste of time. Does not compile

HandyCalc

Re: [Custom Widget] - HandyFlipper: makes everything flip

Re: [Custom Widget] - HandyFlipper: makes everything flip

Re: [Custom Widget] - HandyFlipper: makes everything flip

Re: [Custom Widget] - HandyFlipper: makes everything flip

Who is online