Reputation: 21
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
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
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