FloatingActionButtonを押すと、フッターにメニューを表示できるfab-transformationを使ってみた。
いつもの
compile 'com.android.support:design:23.0.1' compile 'konifar:fab-transformation:1.0.0'
activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_marginBottom="70dp" android:layout_marginRight="20dp" android:src="@mipmap/ic_launcher" app:backgroundTint="#777" /> <io.codetail.widget.RevealFrameLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar_footer" android:layout_width="match_parent" android:layout_height="60dp" android:background="#777" android:visibility="invisible"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center_vertical" android:orientation="horizontal"> <ImageView android:layout_width="0dp" android:layout_height="match_parent" android:layout_gravity="center" android:layout_weight="1" android:clickable="true" android:scaleType="center" android:src="@mipmap/ic_launcher" /> <ImageView android:layout_width="0dp" android:layout_height="match_parent" android:layout_gravity="center" android:layout_weight="1" android:clickable="true" android:scaleType="center" android:src="@mipmap/ic_launcher" /> <ImageView android:layout_width="0dp" android:layout_height="match_parent" android:layout_gravity="center" android:layout_weight="1" android:clickable="true" android:scaleType="center" android:src="@mipmap/ic_launcher" /> <ImageView android:layout_width="0dp" android:layout_height="match_parent" android:layout_gravity="center" android:layout_weight="1" android:clickable="true" android:scaleType="center" android:src="@mipmap/ic_launcher" /> <ImageView android:layout_width="0dp" android:layout_height="match_parent" android:layout_gravity="center" android:layout_weight="1" android:clickable="true" android:scaleType="center" android:src="@mipmap/ic_launcher" /> </LinearLayout> </android.support.v7.widget.Toolbar> </io.codetail.widget.RevealFrameLayout> </RelativeLayout>
MainActivity.java
import android.support.design.widget.FloatingActionButton; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.widget.Toolbar; import android.view.Menu; import android.view.MenuItem; import android.view.View; import com.konifar.fab_transformation.FabTransformation; public class MainActivity extends AppCompatActivity { FloatingActionButton fab; Toolbar toolbarFooter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); toolbarFooter = (Toolbar)findViewById(R.id.toolbar_footer); fab = (FloatingActionButton)findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if (fab.getVisibility() == View.VISIBLE) { FabTransformation.with(fab).transformTo(toolbarFooter); } } }); } @Override public void onBackPressed() { if (fab.getVisibility() != View.VISIBLE) { FabTransformation.with(fab).transformFrom(toolbarFooter); return; } super.onBackPressed(); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } }