相比於原生的Android彈出框,最新版QMUI的彈出框更加漂亮美觀,QMUI的配置與彈出框的實現?

這裏我建議測試QMUI框架的時候,自己先新建一個項目測試一下,避免因爲一些其他原因而導致QMUI是使用不成功。

導入QMUI框架

QMUI的官網地址是QMUI
首先先寫下載包的倉庫地址,找到你build.gradle的第一個文件>-allprojects。加入紅色圓圈代碼。

 maven {
   
    url 'https://jitpack.io' }

在這裏插入圖片描述
其次,加入QMUI包
代碼如下:

implementation 'com.qmuiteam:qmui:2.0.0-alpha10'

加入如圖所示的位置,因爲我創建的是test4這個文件,所以我們就把包加載到test4的build.gradle這個文件中。

在這裏插入圖片描述

第二步修改主題樣式

在如圖文件中修改文件樣式,有QMUI,QMUI.Compat,
QMUI.Compat.NoActionBar這些種類。
在這裏插入圖片描述

第三步實現基本的彈框功能

這裏主要起到一個測試的作用。圖片中有詳解,不懂可以提出來。
在這裏插入圖片描述
代碼如下:

import android.os.Bundle;
import android.text.InputType;
import android.view.View;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

import com.qmuiteam.qmui.widget.dialog.QMUIDialog;
import com.qmuiteam.qmui.widget.dialog.QMUIDialogAction;

public class MainActivity extends AppCompatActivity{
   
   

    @Override
    protected void onCreate(Bundle savedInstanceState) {
   
   
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
    public void onClickShowQMUIDialog(View view) {
   
   
        final QMUIDialog.EditTextDialogBuilder builder = new QMUIDialog.EditTextDialogBuilder(MainActivity.this);
        builder.setTitle("暱稱")
                .setPlaceholder("在此輸入您的暱稱")
                .setInputType(InputType.TYPE_CLASS_TEXT)
                .addAction("取消", new QMUIDialogAction.ActionListener() {
   
   
                    @Override
                    public void onClick(QMUIDialog dialog, int index) {
   
   
                        dialog.dismiss();
                    }
                })
                .addAction("確定", new QMUIDialogAction.ActionListener() {
   
   
                    @Override
                    public void onClick(QMUIDialog dialog, int index) {
   
   
                        CharSequence text = builder.getEditText().getText();
                        if (text != null && text.length() > 0) {
   
   
                            Toast.makeText(getApplicationContext(), "您的暱稱: " + text, Toast.LENGTH_SHORT).show();
                            dialog.dismiss();
                        } else {
   
   
                            Toast.makeText(getApplicationContext(), "請填入暱稱", Toast.LENGTH_SHORT).show();
                        }
                    }
                })
                .show();
    }
}

因爲你在MainActivity裏面定義了onClickShowQMUIDialog方法,所以你肯定要在xml文件中調用這個方法。你自定義的什麼方法就在這裏通過onClick調用那個方法。
在這裏插入圖片描述
然後點擊運行,查看結果。
在這裏插入圖片描述
是不是比原生的彈框好看多了,接下來我也會寫一些關於QMUI一些彈框的使用,希望能夠幫到大家,一切從最基礎最詳細出發,因爲我自己也是一個小白。有什麼問題可以互相談論。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章