Morphing Material Dialogs 开源项目教程

2024-08-26 00:13:01作者：俞予舒Fleming

Morphing-Material-Dialogs

轻松实现谷歌材料设计风格的fab转换对话框效果！AdityaAnand1的Morphing-Material-Dialogs库，灵感来自Nick Butcher的Plaid和Aidan Follestad的Material Dialogs。只需简单几步集成，即可在你的应用中添加炫酷的过渡动画。支持自定义主题、颜色以及取消功能，让你的对话框更加生动个性化。快来为你的Android应用增添一份现代感吧！

1. 项目的目录结构及介绍

Morphing Material Dialogs 项目的目录结构如下：

Morphing-Material-Dialogs/
├── app/
│   ├── build.gradle
│   ├── src/
│   │   ├── main/
│   │   │   ├── java/
│   │   │   │   └── com.adityaanand.morphdialog/
│   │   │   │       ├── MainActivity.java
│   │   │   │       └── ...
│   │   │   └── res/
│   │   │       ├── layout/
│   │   │       ├── values/
│   │   │       └── ...
│   ├── ...
├── library/
│   ├── build.gradle
│   ├── src/
│   │   ├── main/
│   │   │   ├── java/
│   │   │   │   └── com.adityaanand.morphdialog.library/
│   │   │   │       ├── MorphDialog.java
│   │   │   │       └── ...
│   │   │   └── res/
│   │   │       ├── layout/
│   │   │       ├── values/
│   │   │       └── ...
│   ├── ...
├── build.gradle
├── settings.gradle
└── ...

目录结构介绍

app/: 包含示例应用程序的代码和资源文件。
- build.gradle: 应用程序的构建脚本。
- src/main/java/com.adityaanand.morphdialog/: 包含示例应用程序的主要Java代码。
- src/main/res/: 包含示例应用程序的资源文件，如布局和值文件。
library/: 包含Morphing Material Dialogs库的代码和资源文件。
- build.gradle: 库的构建脚本。
- src/main/java/com.adityaanand.morphdialog.library/: 包含库的主要Java代码。
- src/main/res/: 包含库的资源文件，如布局和值文件。
build.gradle: 项目的根构建脚本。
settings.gradle: 项目的设置文件，用于包含子项目。

2. 项目的启动文件介绍

项目的启动文件是 MainActivity.java，位于 app/src/main/java/com.adityaanand.morphdialog/ 目录下。

MainActivity.java 介绍

package com.adityaanand.morphdialog;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import com.adityaanand.morphdialog.library.MorphDialog;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        FloatingActionButton fab = findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                MorphDialog.show(MainActivity.this, "Title", "Message");
            }
        });
    }
}

启动文件功能

MainActivity: 继承自 AppCompatActivity，是应用程序的主活动。
onCreate(): 在活动创建时调用，设置布局文件并初始化浮动操作按钮（FAB）。
FloatingActionButton: 当点击FAB时，显示Morphing Material Dialog。

3. 项目的配置文件介绍

项目的配置文件主要包括 build.gradle 文件和 settings.gradle 文件。

build.gradle (项目根目录)

// 根项目构建脚本
buildscript {
    repositories {
        google()
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.0.1'
    }
}

allprojects {
    repositories {
        google()
        jcenter()
        maven { url 'https://jitpack.io' }
    }
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

Morphing-Material-Dialogs