android自定义弹出框样式的实现方法

要实现 Android 自定义弹出框样式，主要可以分为以下几个步骤：

1. 创建一个自定义的布局文件

在 res/layout 目录下创建一个 XML 文件，用于描述弹出框的布局内容。可以在这里使用各种视图和布局，来满足我们自定义弹出框的需要。

下面是一个简单的例子：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="16dp">

    <TextView
        android:id="@+id/title_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Custom Dialog"/>

    <EditText
        android:id="@+id/edit_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Type something here"/>

    <Button
        android:id="@+id/ok_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="OK"/>

</LinearLayout>

2. 创建一个自定义的弹出框类

在代码中创建一个类，这个类继承自 Dialog 类，用于控制弹出框的样式和行为。在类的构造函数中，可以设置弹出框的一些基本属性，如标题、宽度和高度等。同时，在自定义弹出框类中，需要设置弹出框的布局文件，以及将布局文件中的各个控件关联起来，以方便后续的操作。

下面是一个简单的例子：

public class MyDialog extends Dialog {

    private TextView mTitleText;
    private EditText mEditText;
    private Button mOkButton;

    public MyDialog(Context context) {
        super(context);
        setContentView(R.layout.my_dialog_layout);

        mTitleText = findViewById(R.id.title_text);
        mEditText = findViewById(R.id.edit_text);
        mOkButton = findViewById(R.id.ok_button);

        mOkButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
            }
        });
    }
}

3. 调用自定义的弹出框类

在调用弹出框类的时候，需要创建该类的对象，并设置弹出框的样式和内容等属性。然后，调用 show() 方法来显示弹出框。在弹出框不再需要的时候，可以调用 dismiss() 方法隐藏弹出框。

下面是一个简单的例子：

MyDialog dialog = new MyDialog(this);
dialog.setTitle("Custom Dialog");
dialog.getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
dialog.show();

示例一：实现自定义弹出框样式

在示例中，我们实现了一个自定义弹出框样式，包括标题、编辑框和 OK 按钮。同时，我们设置了弹出框的宽度和高度，并为 OK 按钮添加了点击事件响应。

public class MyDialog extends Dialog {

    private TextView mTitleText;
    private EditText mEditText;
    private Button mOkButton;

    public MyDialog(Context context) {
        super(context);
        setContentView(R.layout.my_dialog_layout);

        mTitleText = findViewById(R.id.title_text);
        mEditText = findViewById(R.id.edit_text);
        mOkButton = findViewById(R.id.ok_button);

        mOkButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
            }
        });
    }
}

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="16dp">

    <TextView
        android:id="@+id/title_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Custom Dialog"/>

    <EditText
        android:id="@+id/edit_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Type something here"/>

    <Button
        android:id="@+id/ok_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="OK"/>

</LinearLayout>

MyDialog dialog = new MyDialog(this);
dialog.setTitle("Custom Dialog");
dialog.getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
dialog.show();

示例二：实现自定义弹出框动画效果

在示例中，我们实现了一个自定义弹出框样式，并在弹出和隐藏的时候添加了动画效果。我们使用了之前自定义的弹出框布局，同时添加了动画资源文件 fade_in 和 fade_out，并根据动画资源文件来设置了弹出框的动画效果。

public class MyDialog extends Dialog {

    private TextView mTitleText;
    private EditText mEditText;
    private Button mOkButton;

    public MyDialog(Context context) {
        super(context, R.style.MyDialogTheme);
        setContentView(R.layout.my_dialog_layout);

        mTitleText = findViewById(R.id.title_text);
        mEditText = findViewById(R.id.edit_text);
        mOkButton = findViewById(R.id.ok_button);

        mOkButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
            }
        });
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().getAttributes().windowAnimations = R.style.DialogAnimation;
    }

}

<resources>
    <style name="MyDialogTheme" parent="Theme.AppCompat.Light.Dialog">
        <item name="android:windowAnimationStyle">@style/DialogAnimation</item>
    </style>

    <style name="DialogAnimation">
        <item name="android:windowEnterAnimation">@anim/fade_in</item>
        <item name="android:windowExitAnimation">@anim/fade_out</item>
    </style>

</resources>

<set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false">
    <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="200"/>
    <translate android:fromYDelta="50%" android:toYDelta="0%" android:duration="200"/>
</set>

<set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false">
    <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="200"/>
    <translate android:fromYDelta="0%" android:toYDelta="50%" android:duration="200"/>
</set>

MyDialog dialog = new MyDialog(this);
dialog.setTitle("Custom Dialog");
dialog.getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
dialog.show();