Add library

Author: Keisuke

.idea/gradle.xml

@@ -20,11 +20,12 @@ android {
 }
 
 dependencies {
-    compile fileTree(dir: 'libs', include: ['*.jar'])
+    compile fileTree(include: ['*.jar'], dir: 'libs')
     androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
         exclude group: 'com.android.support', module: 'support-annotations'
     })
     compile 'com.android.support:appcompat-v7:25.3.1'
     compile 'com.android.support.constraint:constraint-layout:1.0.2'
     testCompile 'junit:junit:4.12'
+    compile project(':library')
 }

.idea/modules.xml

@@ -2,12 +2,30 @@
 
 import android.support.v7.app.AppCompatActivity;
 import android.os.Bundle;
+import android.view.View;
+import android.widget.Button;
+
+import io.github.kobakei.materialfabspeeddial.FabSpeedDial;
 
 public class MainActivity extends AppCompatActivity {
 
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
+
+        final FabSpeedDial fab = (FabSpeedDial) findViewById(R.id.fab);
+
+        Button button = (Button) findViewById(R.id.button);
+        button.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                if (fab.isShown()) {
+                    fab.hide();
+                } else {
+                    fab.show();
+                }
+            }
+        });
     }
 }

app/build.gradle

@@ -1,12 +1,14 @@
 <?xml version="1.0" encoding="utf-8"?>
-<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<android.support.constraint.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     tools:context="io.github.kobakei.materialfabspeeddialexample.MainActivity">
 
-    <TextView
+    <Button
+        android:id="@+id/button"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Hello World!"
@@ -15,4 +17,19 @@
         app:layout_constraintRight_toRightOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
 
+    <io.github.kobakei.materialfabspeeddial.FabSpeedDial
+        android:id="@+id/fab"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_marginTop="0dp"
+        android:layout_marginRight="0dp"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        android:layout_marginBottom="0dp"
+        android:layout_marginLeft="0dp"
+        app:layout_constraintVertical_bias="0.0"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:fab_menu="@menu/fab"/>
+
 </android.support.constraint.ConstraintLayout>

app/src/main/java/io/github/kobakei/materialfabspeeddialexample/MainActivity.java

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android">
+    <item
+        android:id="@+id/one"
+        android:title="One"
+        android:icon="@drawable/ic_action_alarm"/>
+    <item
+        android:id="@+id/two"
+        android:title="Two"
+        android:icon="@drawable/ic_action_cut"/>
+    <item
+        android:id="@+id/three"
+        android:title="Three"
+        android:icon="@drawable/ic_action_camera"/>
+</menu>

app/src/main/res/drawable-hdpi/ic_action_alarm.png

@@ -0,0 +1 @@
+/build

app/src/main/res/drawable-hdpi/ic_action_camera.png

@@ -0,0 +1,32 @@
+apply plugin: 'com.android.library'
+
+android {
+    compileSdkVersion 25
+    buildToolsVersion "25.0.3"
+
+    defaultConfig {
+        minSdkVersion 16
+        targetSdkVersion 25
+        versionCode 1
+        versionName "1.0"
+
+        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
+
+    }
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+        }
+    }
+}
+
+dependencies {
+    compile fileTree(dir: 'libs', include: ['*.jar'])
+    androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
+        exclude group: 'com.android.support', module: 'support-annotations'
+    })
+    compile 'com.android.support:appcompat-v7:25.3.1'
+    compile 'com.android.support:design:25.3.1'
+    testCompile 'junit:junit:4.12'
+}

app/src/main/res/drawable-hdpi/ic_action_cut.png

@@ -0,0 +1,25 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /Users/keisukekobayashi/Library/Android/sdk/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

app/src/main/res/drawable-mdpi/ic_action_alarm.png

@@ -0,0 +1,26 @@
+package io.github.kobakei.materialfabspeeddial;
+
+import android.content.Context;
+import android.support.test.InstrumentationRegistry;
+import android.support.test.runner.AndroidJUnit4;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+import static org.junit.Assert.*;
+
+/**
+ * Instrumentation test, which will execute on an Android device.
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+@RunWith(AndroidJUnit4.class)
+public class ExampleInstrumentedTest {
+    @Test
+    public void useAppContext() throws Exception {
+        // Context of the app under test.
+        Context appContext = InstrumentationRegistry.getTargetContext();
+
+        assertEquals("io.github.kobakei.materialfabspeeddial.test", appContext.getPackageName());
+    }
+}

app/src/main/res/drawable-mdpi/ic_action_camera.png

@@ -0,0 +1,10 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+
+    package="io.github.kobakei.materialfabspeeddial">
+
+    <application android:allowBackup="true" android:label="@string/app_name"
+        android:supportsRtl="true">
+
+    </application>
+
+</manifest>

app/src/main/res/drawable-mdpi/ic_action_cut.png

@@ -0,0 +1,150 @@
+package io.github.kobakei.materialfabspeeddial;
+
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.support.annotation.AttrRes;
+import android.support.annotation.NonNull;
+import android.support.annotation.Nullable;
+import android.support.design.widget.FloatingActionButton;
+import android.util.AttributeSet;
+import android.view.Gravity;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.FrameLayout;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * Created by keisukekobayashi on 2017/06/12.
+ */
+
+public class FabSpeedDial extends FrameLayout {
+
+    private FloatingActionButton fabMain;
+    private LinearLayout menuContainer;
+    private View touchGuard;
+    private List<View> itemViews = new ArrayList<>();
+
+    private boolean isOpened = false;
+
+    public FabSpeedDial(@NonNull Context context) {
+        super(context);
+        initLayout(context, null, 0);
+    }
+
+    public FabSpeedDial(@NonNull Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        initLayout(context, attrs, 0);
+    }
+
+    public FabSpeedDial(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        initLayout(context, attrs, defStyleAttr);
+    }
+
+    private void initLayout(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) {
+        LayoutInflater inflater = LayoutInflater.from(context);
+        View view = inflater.inflate(R.layout.fab_speed_dial, this, false);
+        FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
+        params.gravity = Gravity.BOTTOM | Gravity.END;
+        addView(view, params);
+
+        fabMain = (FloatingActionButton) findViewById(R.id.fab_main);
+        fabMain.setOnClickListener(new OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                if (isOpened) {
+                    closeMenu();
+                } else {
+                    openMenu();
+                }
+            }
+        });
+
+        menuContainer = (LinearLayout) findViewById(R.id.menu_container);
+        for (int i = 0; i < 3; i++) {
+            View itemView = inflater.inflate(R.layout.fab_speed_dial_item, menuContainer, false);
+            FloatingActionButton miniFab = (FloatingActionButton) itemView.findViewById(R.id.fab_mini);
+            miniFab.setOnClickListener(new OnClickListener() {
+                @Override
+                public void onClick(View v) {
+
+                }
+            });
+            TextView label = (TextView) itemView.findViewById(R.id.text);
+            label.setOnClickListener(new OnClickListener() {
+                @Override
+                public void onClick(View v) {
+
+                }
+            });
+            menuContainer.addView(itemView);
+            itemViews.add(itemView);
+        }
+
+        touchGuard = findViewById(R.id.touch_guard);
+        touchGuard.setOnClickListener(new OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                closeMenu();
+            }
+        });
+
+        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.FabSpeedDial, defStyleAttr, 0);
+
+        // TODO
+        int menuId = ta.getResourceId(R.styleable.FabSpeedDial_fab_menu, 0);
+
+        ta.recycle();
+    }
+
+    public void openMenu() {
+        fabMain.animate().rotation(45.0f)
+                .setDuration(300L)
+                .start();
+
+        for (int i = itemViews.size() - 1; i >= 0; i--) {
+            View itemView = itemViews.get(i);
+
+            itemView.setAlpha(0.0f);
+            itemView.setTranslationY(24.0f);
+
+            itemView.animate()
+                    .translationY(0.0f)
+                    .alpha(1.0f)
+                    .setDuration(100L)
+                    .setStartDelay((itemViews.size() - 1 - i) * 50L)
+                    .start();
+        }
+
+        menuContainer.setVisibility(View.VISIBLE);
+        touchGuard.setVisibility(View.VISIBLE);
+        isOpened = true;
+    }
+
+    public void closeMenu() {
+        fabMain.animate().rotation(0.0f)
+                .setDuration(300L)
+                .start();
+
+        menuContainer.setVisibility(View.GONE);
+        touchGuard.setVisibility(View.GONE);
+        isOpened = false;
+    }
+
+    public void show() {
+        fabMain.show();
+    }
+
+    public void hide() {
+        fabMain.hide();
+    }
+
+    public boolean isShown() {
+        return fabMain.isShown();
+    }
+}

app/src/main/res/drawable-xhdpi/ic_action_alarm.png

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <corners
+        android:radius="2dp"/>
+    <solid
+        android:color="@android:color/white"/>
+    <stroke
+        android:color="@android:color/darker_gray"
+        android:width="1dp"/>
+</shape>