Android自定义底部带有动画的Dialog

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() {
// 布局这里考虑只有分享到微信还有和朋友圈 所以没有用RecyclerView
View 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);
}

@Override
public 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="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#FFF5F5F5">

<TextView
android: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" />

<LinearLayout
android:id="@+id/share"
android:layout_width="match_parent"
android:layout_height="@dimen/y250"
android:layout_below="@id/tip"
android:orientation="horizontal"
android:weightSum="4">

<Button
android: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" />

<Button
android: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>

<Button
android: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="http://schemas.android.com/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="http://schemas.android.com/apk/res/android">
<!-- 自上向下滑出 -->
<translate
android:duration="500"
android:fromYDelta="0"
android:toYDelta="100%p" />
</set>