這裏我建議測試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一些彈框的使用,希望能夠幫到大家,一切從最基礎最詳細出發,因爲我自己也是一個小白。有什麼問題可以互相談論。