android系统提供了强大的api给开发者使用,但是系统的dialog确实一直不太美观,所以很多情况下都需要自定义dialog,今天就用两种不同的方式来实现自定义dialog相同的效果。
首先给大家两种不同方式实现的相同的dialog效果图:
首页放了两个按钮,分别点击按钮弹出不同的实现方法。第一张是通过继承自dialog实现,第二张是通过继承自PopupWindow实现,接下来就看实现代码。
1、首页布局
<?xml version="1.0" encoding="utf-8"?>
<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=".MainActivity">
<Button
android:id="@+id/dialog"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="自定义dialog"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/pop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="自定义pop"
android:layout_marginLeft="20dp"
app:layout_constraintLeft_toRightOf="@id/dialog"
app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>
2、MainActitity
package com.dialog.demo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
public class MainActivity extends AppCompatActivity {
private Button dialog,pop;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
dialog = findViewById(R.id.dialog);
pop = findViewById(R.id.pop);
dialog.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
CustomDialog dialog = new CustomDialog(MainActivity.this);
dialog.show();
}
});
pop.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
CustomPop pop = new CustomPop(MainActivity.this);
pop.showAtLocation(getLayoutInflater().inflate(R.layout.activity_main,null), Gravity.CENTER, 0, 0);
}
});
}
}
以上代码都很简单,就不在一一讲解。
3、下面看CustomDialog和CustomPop实现:
1)、CustomDialog继承自dialog,实现如下:
package com.dialog.demo;
import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.util.DisplayMetrics;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
public class CustomDialog extends Dialog {
private Context mContext;
public CustomDialog(@NonNull Context context) {
super(context);
mContext = context;
}
public CustomDialog(@NonNull Context context, int themeResId) {
super(context, themeResId);
mContext = context;
}
public CustomDialog(@NonNull Context context, boolean cancelable, @Nullable OnCancelListener cancelListener) {
super(context, cancelable, cancelListener);
mContext = context;
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
LayoutInflater inflater = getLayoutInflater();
View view = inflater.inflate(R.layout.dialog_layout,null);
setContentView(view);
DisplayMetrics d = mContext.getResources().getDisplayMetrics(); // 获取屏幕宽、高用
WindowManager.LayoutParams lp = getWindow().getAttributes();
lp.width = (int) (d.widthPixels * 0.8);
lp.gravity = Gravity.CENTER;
getWindow().setAttributes(lp);
}
}
代码相对来说也比较简单,实现了构造方法,然后在oncreate中加载自定义的布局,设置宽度等。
2)、继承自PopupWindow实现如下:
package com.dialog.demo;
import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.util.DisplayMetrics;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.WindowManager;
import android.widget.PopupWindow;
public class CustomPop extends PopupWindow {
private Context mContext;
public CustomPop(Context context){
this.mContext = context;
LayoutInflater inflater = ((Activity)mContext).getLayoutInflater();
View view = inflater.inflate(R.layout.dialog_layout,null);
setContentView(view);
DisplayMetrics d = mContext.getResources().getDisplayMetrics(); // 获取屏幕宽、高用
setWidth((int)(d.widthPixels*0.8));
setHeight(-2);
//设置是否可以响应触摸事件,包括窗体本身和窗体外
setTouchable(true);
//设置是否可以响应窗体外触摸事件,必须设置setBackgroundDrawable方法才能起作用
setOutsideTouchable(true);
//设置是否获取焦点,一般不需要用到这个属性,在pop中有EditText时需要获取焦点来弹出软键盘
setFocusable(true);
//设置此项,返回按钮可以关闭窗体,setOutsideTouchable后可以点击窗体外使其消失
setBackgroundDrawable(new ColorDrawable(mContext.getResources().getColor(R.color.white)));
WindowManager.LayoutParams lp = ((Activity)mContext).getWindow().getAttributes();
lp.alpha = 0.5f;//弹出时改变窗体背景,模仿遮罩效果
lp.gravity = Gravity.CENTER;
((Activity)mContext).getWindow().setAttributes(lp);
}
@Override
public void dismiss() {
super.dismiss();
//dismiss时窗体背景恢复正常
WindowManager.LayoutParams lp = ((Activity)mContext).getWindow().getAttributes();
lp.alpha = 1.0f;
((Activity)mContext).getWindow().setAttributes(lp);
}
}
直接在构造方法中加载自定义布局,设置各项参数,可以参考注释。需要注意的是setBackgroundDrawable这个方法设置之后才能使setOutsideTouchable生效,并且pop能响应返回键事件。
4、最后是自定的布局文件,布局很简单,用作演示,具体布局可以更换成自己需要的布局。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="0dp"
android:layout_height="wrap_content">
<TextView
android:id="@+id/title"
android:layout_marginTop="10dp"
android:layout_width="wrap_content"
android:layout_height="40dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:text="标题"
android:layout_gravity="center"
android:gravity="center_vertical"
android:textSize="16sp"/>
<TextView
android:id="@+id/content"
android:layout_marginTop="10dp"
android:layout_width="match_parent"
android:layout_height="40dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:gravity="center_vertical"
android:text="内容"
android:textSize="16sp"/>
<Button
android:id="@+id/query"
android:text="确定"
android:layout_marginTop="30dp"
android:layout_gravity="center_horizontal"
android:layout_width="200dp"
android:layout_height="45dp" />
</LinearLayout>
文章到这里就结束了,感谢你这么帅还能看到最后。
另外,有关PopupWindow的使用姿势,可以参考启舰大神的博客。