Skip to content

Styles_tc

Kongzue edited this page Nov 16, 2023 · 2 revisions

🌐 View English Document | 简体中文文档

👔使用其他 DialogX主題

使用其他 DialogX主題

除了默認自帶的 Material 主題實現外,用戶還可以選擇引入其他主題。

每一種主題自帶亮色/暗色模式,可以通過 DialogX 的亮暗色設置屬性進行切換,切換後打開下一個時生效。

iOS主題樣式

iOS主題

Kongzue主題樣式

iOS主題

MIUI主題樣式

iOS主題

使用方法

以下四種引入方式請任選其一。

方式1:使用 MavenCentral 源

最新版本: DialogX Release
  1. 在 project 的 build.gradle 文件中找到 allprojects{} 代碼塊添加以下代碼:
allprojects {
    repositories {
        google()
        mavenCentral()      //增加 mavenCentral 倉庫
    }
}

⚠️請注意,使用 Android Studio 北極狐版本(Arctic Fox)創建的項目,需要您前往 settings.gradle 添加上述 jitpack 倉庫配置。

  1. 在 app 的 build.gradle 文件中找到 dependencies{} 代碼塊,並在其中加入以下語句:
//請修改為使用 DialogX 的最新版本
def dialogx_version = "0.0.49"
//添加對應的包文件,可根據需要選擇,請將 dialogx_version 的版本號與您正在使用的 DialogX 主庫保持一致
implementation "com.kongzue.dialogx.style:DialogXIOSStyle:${dialogx_version}"
implementation "com.kongzue.dialogx.style:DialogXKongzueStyle:${dialogx_version}"
implementation "com.kongzue.dialogx.style:DialogXMIUIStyle:${dialogx_version}"
implementation "com.kongzue.dialogx.style:DialogXMaterialYouStyle:${dialogx_version}"

方式2:使用 jitPack 源

最新版本: Jitpack.io
  1. 在 project 的 build.gradle 文件中找到 allprojects{} 代碼塊添加以下代碼:
allprojects {
    repositories {
        google()
        jcenter()
        maven { url 'https://jitpack.io' }      //增加 jitPack Maven 倉庫
    }
}
  1. 在 app 的 build.gradle 文件中找到 dependencies{} 代碼塊,並在其中加入以下語句:
//請修改為使用 DialogX 的最新版本
def dialogx_version = "0.0.49"
//添加對應的包文件,可根據需要選擇,請將 dialogx_version 的版本號與您正在使用的 DialogX 主庫保持一致
implementation "com.github.kongzue.DialogX:DialogXIOSStyle:${dialogx_version}"
implementation "com.github.kongzue.DialogX:DialogXKongzueStyle:${dialogx_version}"
implementation "com.github.kongzue.DialogX:DialogXMIUIStyle:${dialogx_version}"
implementation "com.github.kongzue.DialogX:DialogXMaterialYou:${dialogx_version}"

方式3:使用 jCenter 源

⚠️警告:jCenter已停止運行!

  1. 在 project 的 build.gradle 文件中找到 allprojects{} 代碼塊添加以下代碼:
allprojects {
    repositories {
        google()
        jcenter()
        maven{
            url 'https://dl.bintray.com/myzchh/maven'
        }
    }
}
  1. 在 app 的 build.gradle 文件中找到 dependencies{} 代碼塊,並在其中加入以下語句:
dependencies {
    //添加對應的包文件,可根據需要選擇
    implementation 'com.github.kongzue.DialogX:DialogXIOSStyle:latest.release'
    implementation 'com.github.kongzue.DialogX:DialogXKongzueStyle:latest.release'
    implementation 'com.github.kongzue.DialogX:DialogXMIUIStyle:latest.release'
    implementation 'com.github.kongzue.DialogX:DialogXMaterialYou:latest.release'
    ...
}

方式4:直接引入 AAR 主題包文件

請前往 Release 頁面根據需要主題和版本的下載 AAR 包文件。

  1. 將 AAR 放入 libs 目錄。

  2. 在 Module 的 build.gradle 裡加入以下代碼:

repositories{
    flatDir {
        dirs 'libs'
    }
}

implementation(name: 'AAR檔案名', ext: 'aar')

使用

Sync Gradle 即可,然後在代碼中進行 DialogX 設置,一般我們建議放在 Application 的 onCreate 方法中使用:

//設置為IOS主題
DialogX.globalStyle = new IOSStyle();

//設置為Kongzue主題
DialogX.globalStyle = new KongzueStyle();

//設置為MIUI主題
DialogX.globalStyle = new MIUIStyle();

//設置為MaterialYou主題
DialogX.globalStyle = new MaterialYouStyle();

啟動對話框,就可以看到對應樣式了。

Clone this wiki locally