user1453316
user1453316

Reputation: 21

Horizontal facebook style silder

I have recently been working with your facebook style android slider and I was wondering if you could help me. I need to make it so that the slider slides from the opposite side. So instead of sliding from left to right at first, i need it to go from right to left.

Could you explain how you did this for me?

Thanks

Regards, Philip

Upvotes: 1

Views: 2901

Answers (2)

Anu
Anu

Reputation: 562

you can try this......

 public class AnimateActivity extends Activity {
/** Called when the activity is first created. */

private int oldLeft;
private int oldTop;
private int newBottom;
private int newTop;
private int screenHeight;
private int animToPostion;
private Display display;
private boolean menuOpen = true;
private AnimationListener AL;
LinearLayout fakelayout;
LinearLayout bottomlayout;
Button home;
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    fakelayout=(LinearLayout)findViewById(R.id.fakelayout);
    bottomlayout=(LinearLayout)findViewById(R.id.bottomlayout);
    home=(Button)findViewById(R.id.home);

    display = getWindowManager().getDefaultDisplay();
    screenHeight = display.getHeight();

    int calcAnimationPosition = (screenHeight /2);
    animToPostion = screenHeight - calcAnimationPosition;          
    newBottom = animToPostion;
    if (menuOpen == true) {

        RelativeLayout.LayoutParams param = new RelativeLayout.LayoutParams(
                 RelativeLayout.LayoutParams.FILL_PARENT,animToPostion);
        fakelayout.setLayoutParams(param);

    }
    home.setOnClickListener(new OnClickListener() {

        public void onClick(View v) {
            // TODO Auto-generated method stub
            if(menuOpen){

                animslideUp();
                menuOpen = false;
            }else{

                animSlideDown();
                menuOpen = true;
            }
        }
    });


    // Animation

    AL = new AnimationListener() {

        public void onAnimationEnd(Animation arg0) {
            // TODO Auto-generated method stub
            if (menuOpen == false) {         

                Log.i("onAnimationEnd", "menu is open now");
                bottomlayout.layout(0, 0,
                         bottomlayout.getMeasuredWidth(), bottomlayout.getMeasuredHeight());

            } else if (menuOpen == true) {
                fakelayout.setVisibility(View.VISIBLE);

            }
        }

        public void onAnimationRepeat(Animation arg0) {
            // TODO Auto-generated method stub

        }

        public void onAnimationStart(Animation arg0) {
            // TODO Auto-generated method stub

        }};



}
public void animslideUp() {

    fakelayout.setVisibility(View.GONE);
    Log.e("in animslideUp", "true");

    oldTop=bottomlayout.getTop();
    newTop =0;

    Log.w("oldTop",""+oldTop);
    Log.w("newTop",""+newTop);

    TranslateAnimation slideUp = new TranslateAnimation(0, 0, oldTop, newTop);
    slideUp.setDuration(500);
    slideUp.setFillEnabled(true);
    slideUp.setAnimationListener(AL);
    bottomlayout.startAnimation(slideUp);

}                          

public void animSlideDown() {



    Log.d("in animslideDown", "true");


    oldTop=bottomlayout.getTop();
    newTop = animToPostion;
    Log.w("oldTop",""+oldTop);
    Log.w("newTop",""+newTop);

    TranslateAnimation slideDown = new TranslateAnimation(0, 0, oldTop,newTop);
    slideDown.setDuration(500);
    slideDown.setFillEnabled(true);
    slideDown.setAnimationListener(AL);
    bottomlayout.startAnimation(slideDown);

}
    }

XML for it is:

        <?xml version="1.0" encoding="utf-8"?>
            <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                   android:layout_width="fill_parent"
                   android:layout_height="fill_parent"
                   android:orientation="vertical" >

                        <LinearLayout
                        android:id="@+id/fakelayout"
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent"
                        android:orientation="vertical" 
                        android:visibility="visible"
                        </LinearLayout>

<LinearLayout
    android:id="@+id/bottomlayout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/white"
    android:layout_below="@+id/fakelayout"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:background="@drawable/topbar"
        android:orientation="horizontal"
         >
        <Button
            android:id="@+id/home" 
            android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/home"/>
    </LinearLayout>
</LinearLayout>

    </RelativeLayout>

Upvotes: 0

Andro Selva
Andro Selva

Reputation: 54322

Just follow the below steps,

1)Create a Horizontal ScrollView.

2)Add two views to it dynamically.

3)Inflate both the views using Layout Inflater.

4)Then set the child 1 as the initial view instead of child 0 , So that it would look like moving from right to left instead of left to right.

Here is a conversation about the Fb like layout.

Layout Animation Android[Facebook]

And another one,

How to make Facebook's app new menu on Android?

Upvotes: 1

Related Questions