QuickActionDialogFragment

After longtime searching in GG to find a way to show Quick Action Dialog with up Arrow in the top of dialog, I failed!! Therefore, I create This Library to help lazy devs as me to show quick action view in a dialog fragment. Therefore, you can custom your quick action view easily even with: viewpager inside your quick action.

Gradle dependency

compile 'com.kingfisherphuoc:quick-action-dialog-fragment:1.1'

Usage

1. You need to create your own DialogFragment class which extends QuickActionDialogFragment and override some abstract methods
2. setAnchorView(View) before showing it.
3. You can change Alignment of Dialog based on position of AnchorView (like RealativeLayout) with methods: setAligmentFlags(AlignmentFlag.ALIGN_ANCHOR_VIEW_LEFT | AlignmentFlag.ALIGN_ANCHOR_VIEW_BOTTOM);

// Sample class public static class MySampleDialogFragment extends QuickActionDialogFragment {

 @Override

protected int getArrowImageViewId() {

 return R.id.ivArrow; //return 0; that mean you do not have an up arrow icon

}

@Override

protected int getLayout() {

 return R.layout.dialog_sample_view;

}

@Override

protected boolean isStatusBarVisible() {

 return true; //optional: if status bar is visible in your app

}

@Override

protected boolean isCanceledOnTouchOutside() {

 return true; //optional

 
}

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

 View view = super.onCreateView(inflater, container, savedInstanceState);

 // Set listener, view, data for your dialog fragment

 view.findViewById(R.id.btnSample).setOnClickListener(new View.OnClickListener() {

  @Override

  public void onClick(View view) {

Toast.makeText(getContext(), "Button inside Dialog!!", Toast.LENGTH_SHORT).show();

  
}

 
}
);

 return view;

}

  
}
 // Sample XML: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">
  <LinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical">

<ImageView

 android:id="@+id/ivArrow"

 android:layout_width="30dp"

 android:layout_height="20dp"

 android:background="@drawable/ic_up_arrow"/>

<LinearLayout

 android:layout_width="wrap_content"

 android:layout_height="wrap_content"

 android:background="@android:color/black"

 android:gravity="center"

 android:orientation="vertical"

 >

 <TextView

  android:layout_width="200dp"

  android:layout_height="30dp"

  android:background="@drawable/header"

  android:text="Test TITLE"

  android:textColor="@android:color/black"/>

 <Button

  android:id="@+id/btnSample"

  android:layout_width="wrap_content"

  android:layout_height="wrap_content"

  android:text="Show Toast"/>

</LinearLayout>
  </LinearLayout> </LinearLayout> // Sample show dialog fragment mySampleDialogFragment = new MySampleDialogFragment();
 mySampleDialogFragment.setAnchorView(buttonShow);
 mySampleDialogFragment.setAligmentFlags(AlignmentFlag.ALIGN_ANCHOR_VIEW_LEFT | AlignmentFlag.ALIGN_ANCHOR_VIEW_BOTTOM);
 mySampleDialogFragment.show(getSupportFragmentManager(), null);
 

Notice:

• You should dismiss this dialog when orientation change to avoid anchor View null:

 @Override
  protected void onSaveInstanceState(Bundle outState) {

// must dismiss this dialog before orientation change to avoid AnchorView is deleted!

if (mySampleDialogFragment != null && mySampleDialogFragment.isVisible()) {

 mySampleDialogFragment.dismiss();

}

super.onSaveInstanceState(outState);

  
}
 

• The Up Arrow Icon of ImageView must be declared inside LinearLayout with vertical orientation (Otherwise the position of arrow will not accurate)
• The current version of Library only supports DialogFragment with left and top gravity. You should be careful when using it!

Upcoming Version:

I'm really lazy man, so when I have free time or there are many requests, I will implement the below features:

1. Support toRightOfView, toLeftOfView, toTopOfView, toBottomOfView
2. Support down,left,right arrow

License

Copyright 2015 Doan Hong Phuoc

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.