当前位置:主页 > 移动开发 > Android代码 >

Android 中从屏幕左下角弹出Dialog动画效果的实现代码

时间:2021-02-19 15:18:48 | 栏目:Android代码 | 点击:

MainActivity代码:

import android.app.Dialog;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
public class MainActivity extends AppCompatActivity {
private View inflate;
private Dialog dialog;
@Override
protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
}
public void click(View view) {
 dialog = new Dialog(this,R.style.ActionDialogStyle);
 //填充对话框的布局
 inflate = LayoutInflater.from(this).inflate(R.layout.item_dialog, null);
 //初始化控件
 //将布局设置给Dialog
 dialog.setContentView(inflate);
 //获取当前Activity所在的窗体
 Window dialogWindow = dialog.getWindow();
 //设置Dialog从窗体底部弹出
 dialogWindow.setGravity( Gravity.BOTTOM);
 //获得窗体的属性
 WindowManager.LayoutParams lp = dialogWindow.getAttributes();
 lp.y = 20;//设置Dialog距离底部的距离
 lp.width = WindowManager.LayoutParams.MATCH_PARENT;
//  将属性设置给窗体
 dialogWindow.setAttributes(lp);
 dialog.show();//显示对话框
 }
}

主界面的布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="ucai.cn.dialoganimator.MainActivity">
<TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Hello World!"
 android:onClick="click"/>
</LinearLayout>

Dialog布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:src="@drawable/hani_gift_1"
 android:layout_gravity="center"/>
</LinearLayout>

styles代码:

 <style name="ActionDialogStyle" parent="@android:style/Theme.Dialog">
   
<!-- 背景透明 -->
 <item name="android:windowBackground">@android:color/transparent</item>
 <item name="android:windowContentOverlay">@null</item>
 <!-- 浮于Activity之上 -->
 <item name="android:windowIsFloating">true</item>
 <!-- 边框 -->
 <item name="android:windowFrame">@null</item>
 <!-- Dialog以外的区域模糊效果 -->
 <item name="android:backgroundDimEnabled">true</item>
 <!-- 无标题 -->
 <item name="android:windowNoTitle">true</item>
 <!-- 半透明 -->
 <item name="android:windowIsTranslucent">true</item>
 <!-- Dialog进入及退出动画 -->
 <item name="android:windowAnimationStyle">@style/ActionSheetDialogAnimation</item>
</style>
<!-- ActionSheet进出动画 -->
<style name="ActionSheetDialogAnimation" parent="@android:style/Animation.Dialog">
 <item name="android:windowEnterAnimation">@anim/actionsheet_dialog_in</item>
 <item name="android:windowExitAnimation">@anim/actionsheet_dialog_out</item>
</style>

进入动画(左下角开始放大):

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:fromXScale="0"
android:toXScale="100%"
android:fromYScale="0"
android:toYScale="100%"
android:pivotX="0%"
android:pivotY="100%"
/>

退出动画(向下移动):

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="200"
android:fromYDelta="0"
android:toYDelta="100%" />

您可能感兴趣的文章:

相关文章