Android自定义底部带有动画的Dialog
效果图
先看效果图,是不是你想要的呢
自定义Dialog
package …….view;import android.app.Dialog;import android.content.Context;import android.view.Gravity;import android.view.View;import android.view.Window;import android.view.WindowManager;import android.widget.Button;import com.bitmain.btccom.R;import com.bitmain.btccom.interfaces.ShareOnClickListener;/*** 分享框*/public class ShareDialog extends Dialog implements View.OnClickListener {private ShareOnClickListener mShareOnClickListener;public ShareDialog(Context context, ShareOnClickListener shareOnClickListener) {super(context, R.style.ShareDialog);initView();mShareOnClickListener = shareOnClickListener;}private void initView() {// 布局这里考虑只有分享到微信还有和朋友圈 所以没有用RecyclerViewView view = View.inflate(getContext().getApplicationContext(), R.layout.view_share, null);// 初始化分享页面Button shareFriend = (Button) view.findViewById(R.id.share_friend);Button shareCirFriend = (Button) view.findViewById(R.id.share_cir_friend);Button cancel = (Button) view.findViewById(R.id.cancel);shareFriend.setOnClickListener(this);shareCirFriend.setOnClickListener(this);cancel.setOnClickListener(this);// 加载布局setContentView(view);// 设置Dialog参数Window window = getWindow();WindowManager.LayoutParams params = window.getAttributes();params.width = WindowManager.LayoutParams.MATCH_PARENT;params.height = WindowManager.LayoutParams.WRAP_CONTENT;params.gravity = Gravity.BOTTOM;window.setAttributes(params);}@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.share_friend:mShareOnClickListener.onClickPosition(0);dismiss();break;case R.id.share_cir_friend:mShareOnClickListener.onClickPosition(1);dismiss();break;case R.id.cancel:dismiss();break;}}}
布局
因为这里只有两个分享,项目为了赶进度,直接用了两个Button,没有使用RecyclerView
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="#FFF5F5F5"><TextViewandroid:id="@+id/tip"android:layout_width="match_parent"android:layout_height="@dimen/y87"android:gravity="center"android:text="@string/send_and_share"android:textColor="#FF888888"android:textSize="@dimen/x24" /><LinearLayoutandroid:id="@+id/share"android:layout_width="match_parent"android:layout_height="@dimen/y250"android:layout_below="@id/tip"android:orientation="horizontal"android:weightSum="4"><Buttonandroid:id="@+id/share_friend"android:layout_width="0dp"android:layout_height="match_parent"android:layout_marginBottom="@dimen/y40"android:layout_marginTop="@dimen/y30"android:layout_weight="1"android:background="@android:color/transparent"android:drawableTop="@drawable/selector_share_friend_icon"android:text="@string/share_friend"android:textColor="#FF888888"android:textSize="@dimen/x20" /><Buttonandroid:id="@+id/share_cir_friend"android:layout_width="0dp"android:layout_height="match_parent"android:layout_marginBottom="@dimen/y40"android:layout_marginTop="@dimen/y30"android:layout_weight="1"android:background="@android:color/transparent"android:drawableTop="@drawable/selector_share_cir_friend_icon"android:text="@string/share_cir_friend"android:textColor="#FF888888"android:textSize="@dimen/x20" /></LinearLayout><Buttonandroid:id="@+id/cancel"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@id/share"android:background="#FFFFFFFF"android:text="@string/cancel"android:textColor="#FF888888"android:textSize="@dimen/x24" /></RelativeLayout>
接口
这里我为了让Activity能够拿到点击的回调,我写了一个接口,大家可以参考,也可以根据自己的需求来写,灵活应用。
package …….interfaces;public interface ShareOnClickListener {public void onClickPosition(int position);}
自定义样式(重点)
重点来了,这个自定义的Dialog我们加载了一个自己的style
super(context, R.style.ShareDialog);
看一下我们自定义的样式是怎么实现的吧
res/values/styles.xml
<resources>……<style name="AnimBottom" parent="@android:style/Animation"><item name="android:windowEnterAnimation">@anim/dialog_bottom_in</item><item name="android:windowExitAnimation">@anim/dialog_bottom_out</item></style><style name="ShareDialog" parent="@android:style/Animation.Dialog"><item name="android:windowAnimationStyle">@style/AnimBottom</item><item name="android:windowFrame">@null</item><item name="android:windowIsFloating">true</item><item name="android:windowIsTranslucent">true</item><item name="android:windowNoTitle">true</item><!-- 设置背景色 透明--><item name="android:background">@android:color/transparent</item><item name="android:windowBackground">@android:color/transparent</item><!-- 设置是否显示背景 --><item name="android:backgroundDimEnabled">true</item><!-- 设置背景透明度 0 全透明 1 全不透明--><item name="android:backgroundDimAmount">0.8</item><!-- 设置点击空白消失 --><item name="android:windowCloseOnTouchOutside">true</item></style>……</resources>
动画
res/anim/dialog_bottom_in.xml
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="/apk/res/android"><!-- 自下向上滑入 --><translate android:duration="500"android:fromYDelta="100%p"android:toYDelta="0" /></set>
res/anim/dialog_bottom_out.xml
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="/apk/res/android"><!-- 自上向下滑出 --><translate android:duration="500"android:fromYDelta="0"android:toYDelta="100%p" /></set>