如何在菜单中创建Facebook样式底部飞行

时间:2014-08-07 03:47:11

标签: android android-layout android-actionbar navigation-drawer android-menu

我喜欢创建动作栏/菜单作为Facebook android应用程序。 我正在谈论底部pf应用程序中出现的(Status | Photo | Check In)菜单。

1.如何创建这种菜单?

2.如何在该菜单上创建影响飞行?

那个动作吧?或底部的相对布局?

感谢。

1 个答案:

答案 0 :(得分:2)

这是浮动布局的代码。您可以自定义它以构建菜单。

public class MainActivity extends Activity {
LinearLayout ll;
Float startY;
private Animation animUp;
private Animation animDown; 
Button btn_show;
int f=1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
         ll = (LinearLayout) findViewById(R.id.slider); 
         btn_show=(Button)findViewById(R.id.btn_show);
         ll.setVisibility(View.GONE); 
         animUp = AnimationUtils.loadAnimation(this, R.anim.anim_up); 
         animDown = AnimationUtils.loadAnimation(this, R.anim.anim_down); 

         btn_show.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                if(f==1)
                {
                 ll.setVisibility(View.VISIBLE);
                 ll.startAnimation(animUp);
                 f=0;
                }
                else{
                    ll.setVisibility(View.GONE); 
                     ll.startAnimation(animDown);
                     f=1;
                }
            }
        });


    }

    @Override
    public boolean onTouchEvent(MotionEvent event) 
    { 
        switch (event.getAction()) 
        { 
        case MotionEvent.ACTION_DOWN : 
        { 
            startY = event.getY(); 
            break ;
            } 
        case MotionEvent.ACTION_UP: 
            { 
                float endY = event.getY();
                if (endY < startY)
                {
                    System.out.println("Move UP"); 
                    ll.setVisibility(View.VISIBLE);
                    ll.startAnimation(animUp); 
                    } 
                else {
                    ll.setVisibility(View.GONE); 
                     ll.startAnimation(animDown);
                    } 
                } 
            } return true; 
    }


}

<强> activity_main.xml中

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@android:color/black">

    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Show"
        android:id="@+id/btn_show"
       />

     <LinearLayout android:id="@+id/slider" 
       android:layout_width="match_parent" 
       android:layout_height="50dp" 
       android:layout_alignParentBottom="true" 
       android:layout_alignParentLeft="false"
       android:layout_alignParentTop="false" 
       android:layout_centerInParent="true"
       android:background="@android:color/darker_gray" 
       android:content="@+id/content"
       android:gravity="bottom|center_horizontal"
       android:orientation="vertical" > 


         <TextView android:id="@id/content" 
                   android:layout_width="match_parent"
                   android:layout_height="wrap_content" 
                   android:text="Floating Tab Kaustav"/>
            </LinearLayout>
   </RelativeLayout>

在res中创建 anim 文件夹并生成2个xml文件:

<强> anim_down.xml

<?xml version="1.0" encoding="utf-8"?>
 <set xmlns:android="http://schemas.android.com/apk/res/android">
      <translate android:fromYDelta="0%" 
          android:toYDelta="100%" 
          android:duration="400"/>
       </set> 

<强> anim_up.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
    <translate android:fromYDelta="100%" 
        android:toYDelta="40%"
         android:duration="400"/> 
         </set> 

试试吧。希望它有所帮助。