QMUI框架简介

于 2024-05-16 20:59:46 发布
阅读量716 收藏 9
点赞数 30
分类专栏： 程序员 文章标签： python 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84414832/article/details/138974920
版权
  • 系统按钮的样式，用来对比

<Button

android:id=“@+id/btn1”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:layout_alignParentTop=“true”

android:text=“系统按钮”/>

  • QMUI按钮1

<com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:padding=“20dp”

app:qmui_radius=“22dp”

app:qmui_borderWidth=“12px”

app:qmui_borderColor=“@color/colorPrimary”

android:layout_below=“@id/btn1”

android:text=“QMUI按钮1”/>

  • 左上角弧形按钮

<com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton

android:layout_width=“60dp”

android:layout_height=“60dp”

android:text=“东”

app:qmui_radiusTopLeft=“80dp”/>

  • 右上角弧形按钮

<com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton

android:layout_width=“60dp”

android:layout_height=“60dp”

android:layout_marginLeft=“64dp”

android:text=“西”

app:qmui_radiusTopRight=“80dp”/>

  • 左下角弧形按钮

<com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton

android:layout_width=“60dp”

android:layout_height=“60dp”

android:layout_marginTop=“64dp”

android:text=“南”

app:qmui_radiusBottomLeft=“80dp”/>

  • 右下角弧形按钮

<com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton

android:layout_width=“60dp”

android:layout_height=“60dp”

android:layout_marginLeft=“64dp”

android:layout_marginTop=“64dp”

android:text=“北”

app:qmui_radiusBottomRight=“80dp”/>

效果：

在这里插入图片描述

对话框

  • 对话框的使用，在demo里写不是很清楚，我拿出来做了一个小例子

  • dialog.xml布局文件是5个按钮，分别对应五种不同的对话框类型:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

xmlns:app=“http://schemas.android.com/apk/res-auto”>

  • 消息类型对话框（蓝色按钮）

<com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton

android:id=“@+id/d1”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:layout_alignParentTop=“true”

android:padding=“20dp”

app:qmui_radius=“22dp”

app:qmui_borderWidth=“12px”

app:qmui_borderColor=“@color/colorPrimary”

android:onClick=“showMessagePositiveDialog”

android:text=“消息类型对话框（蓝色按钮）”/>

  • 单选菜单类型对话框

<com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton

android:id=“@+id/d2”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:layout_below=“@id/d1”

android:padding=“20dp”

app:qmui_radius=“22dp”

app:qmui_borderWidth=“12px”

app:qmui_borderColor=“@color/colorPrimary”

android:onClick=“showSingleChoiceDialog”

android:text=“单选菜单类型对话框”/>

  • 带Checkbox的消息对话框

<com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton

android:id=“@+id/d3”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:layout_below=“@id/d2”

android:padding=“20dp”

app:qmui_radius=“22dp”

app:qmui_borderWidth=“12px”

app:qmui_borderColor=“@color/colorPrimary”

android:onClick=“showConfirmMessageDialog”

android:text=“带 Checkbox 的消息确认框”/>

  • 多选菜单类型对话框

<com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton

android:id=“@+id/d5”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:layout_below=“@id/d3”

android:padding=“20dp”

app:qmui_radius=“22dp”

app:qmui_borderWidth=“12px”

app:qmui_borderColor=“@color/colorPrimary”

android:onClick=“showMultiChoiceDialog”

android:text=“多选菜单类型对话框”/>

  • 带输入框的对话框

<com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton

android:id=“@+id/d6”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”

android:layout_below=“@id/d5”

android:padding=“20dp”

app:qmui_radius=“22dp”

app:qmui_borderWidth=“12px”

app:qmui_borderColor=“@color/colorPrimary”

android:onClick=“showEditTextDialog”

android:text=“带输入框的对话框”/>

  • dialog.java文件：

  • 一些属性的介绍：

  • .setTitle(“消息类型对话框”)：对话框标题

  • .setMessage(“蓝色按钮”)：对话框内容

  • .addAction(“取消”, new QMUIDialogAction.ActionListener() 点击后的行为

  • dialog.dismiss() 对话框消失

  • .setChecked(true) 带check 选项

  • 完整的代码贴出：

  • 一些import:

package com.example.win.qmuidemo;

import android.content.DialogInterface;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.text.InputType;

import android.view.LayoutInflater;

import android.view.View;

import android.widget.AdapterView;

import android.widget.Button;

import android.widget.ListView;

import android.widget.SimpleAdapter;

import android.widget.Toast;

import com.qmuiteam.qmui.util.QMUIStatusBarHelper;

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

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

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

  • Button定义和onCreate()方法:

public class Dialog extends AppCompatActivity {

Button b1=null;

Button b2=null;

Button b3=null;

Button b4=null;

Button b5=null;

Button b6=null;

Button b7=null;

private int mCurrentDialogStyle = com.qmuiteam.qmui.R.style.QMUI_Dialog;

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.dialog);

}

  • 消息类型对话框

//消息类型对话框（蓝色按钮）

public void showMessagePositiveDialog(View view) {

new QMUIDialog.MessageDialogBuilder(this)

.setTitle(“消息类型对话框”)

.setMessage(“蓝色按钮”)

.addAction(“取消”, new QMUIDialogAction.ActionListener() {

@Override

public void onClick(QMUIDialog dialog, int index) {

dialog.dismiss();

Toast.makeText(Dialog.this, “点击了取消”, Toast.LENGTH_SHORT).show();

}

})

.addAction(“确定”, new QMUIDialogAction.ActionListener() {

@Override

public void onClick(QMUIDialog dialog, int index) {

dialog.dismiss();

Toast.makeText(Dialog.this, “点击了确定”, Toast.LENGTH_SHORT).show();

}

})

.show();

}

在这里插入图片描述

  • 单选菜单类型对话框

//单选菜单类型对话框

public void showSingleChoiceDialog(View view){

final String[] items = new String[]{“选项1”, “选项2”, “选项3”};

final int checkedIndex = 1;

new QMUIDialog.CheckableDialogBuilder(this)

.setCheckedIndex(checkedIndex)

.addItems(items, new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

Toast.makeText(Dialog.this, "你选择了 " + items[which], Toast.LENGTH_SHORT).show();

dialog.dismiss();

}

})

.show();

}

在这里插入图片描述

  • 带checkbox类型对话框

//带checkbox类型的对话框

public void showConfirmMessageDialog(View view){

new QMUIDialog.CheckBoxMessageDialogBuilder(this)

.setTitle(“退出后是否删除账号信息?”)

.setMessage(“删除账号信息”)

.setChecked(true)

.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) {

dialog.dismiss();

}

})

.show();

}

在这里插入图片描述

  • 多选类型对话框

//多选菜单类型对话框

public void showMultiChoiceDialog(View view){

final String[] items = new String[]{“选项1”, “选项2”, “选项3”, “选项4”, “选项5”, “选项6”};

final QMUIDialog.MultiCheckableDialogBuilder builder = new QMUIDialog.MultiCheckableDialogBuilder(this)

.setCheckedItems(new int[]{1, 3})

.addItems(items, new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

}

如何做好面试突击，规划学习方向？

面试题集可以帮助你查漏补缺，有方向有针对性的学习，为之后进大厂做准备。但是如果你仅仅是看一遍，而不去学习和深究。那么这份面试题对你的帮助会很有限。最终还是要靠资深技术水平说话。

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。建议先制定学习计划，根据学习计划把知识点关联起来，形成一个系统化的知识体系。

学习方向很容易规划，但是如果只通过碎片化的学习，对自己的提升是很慢的。

同时我还搜集整理2020年字节跳动，以及腾讯，阿里，华为，小米等公司的面试题，把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 Xmind（实际上比预期多花了不少精力），包含知识脉络 + 分支细节。

image

在搭建这些技术框架的时候，还整理了系统的高级进阶教程，会比自己碎片化学习效果强太多。

image

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
划学习方向？**

面试题集可以帮助你查漏补缺，有方向有针对性的学习，为之后进大厂做准备。但是如果你仅仅是看一遍，而不去学习和深究。那么这份面试题对你的帮助会很有限。最终还是要靠资深技术水平说话。

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。建议先制定学习计划，根据学习计划把知识点关联起来，形成一个系统化的知识体系。

学习方向很容易规划，但是如果只通过碎片化的学习，对自己的提升是很慢的。

同时我还搜集整理2020年字节跳动，以及腾讯，阿里，华为，小米等公司的面试题，把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 Xmind（实际上比预期多花了不少精力），包含知识脉络 + 分支细节。

[外链图片转存中…(img-wQ5wBPQa-1715864372754)]

在搭建这些技术框架的时候，还整理了系统的高级进阶教程，会比自己碎片化学习效果强太多。

[外链图片转存中…(img-LNdDdKMo-1715864372757)]

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！

2401_84414832
关注
  • 30
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android骨架屏效果的实现与原理解析
chuman7465的博客
09-04 1773
0、前言 大家在使用淘宝的时候，如下图所示有遇到这样的效果，其会只展示一部分骨架大致图，等数据加载完毕之后再展示真正的页面数据。与菊花图相比起来，这样的实现能更好的提升用户的体验，这种效果称做：Skeleton Screen Loading，中文叫做骨架屏。 1、骨架屏的实现方式 在现在主流...
Android开源 Skeleton 骨架屏
一个从事Android开发的平凡工程师
08-06 2743
骨架屏的作用是在网络请求较慢时，提供基础占位，当数据加载完成后，恢复数据展示。它可以给用户一种很自然的过渡，避免页面长时间白屏或者闪烁等情况。Skeleton 除实现静态的骨架图展示和新增了骨架屏闪烁动画，骨架屏动画是指在页面加载时，先显示一个简单的页面框架（骨架屏），然后再加载实际的页面内容。这样可以让用户在等待页面加载的过程中，先看到一个基本的页面结构，避免了空白页面的尴尬和用户的无知情况。骨架屏动画的优点是可以提高用户体验，让用户感觉页面加载更快，同时也可以减轻服务器的压力。
Android Studio自带Profiler工具内存泄露分析步骤
热门推荐
hqyhqyhq的专栏
03-11 1万+
1、运行需要检测内存泄露的程序 这里以“com.example.opengltest”程序为例。 2、点击Profiler按钮 3、点击SESIONS "+"号按钮选择设备，选择对应设备下的应用或进程 4、双击内存区块 5、操作应用程序要检测的部分或模块 6、关闭应用程序，等待内存释放，恢复平直曲线 7、点击鼠标右键“Dump java head”按钮等待几秒 自动进入内存泄露分析界面 8、选择应用包名 9、选择“Reference”按钮，勾选“Show nearest.
使用Android Profiler 查看应用的内存使用情况(一)
即将成为Android大师的小学徒
08-30 3770
内存分析器是 Android Profiler 中的一个组件，可帮助您识别可能会导致应用卡顿、冻结甚至崩溃的内存泄漏和内存抖动。它显示一个应用内存使用量的实时图表，让您可以捕获堆转储、强制执行垃圾回收以及跟踪内存分配。......
Android nomedia 避免图片等资源泄露在系统图库当中
提升心智
10-15 1万+
总结 Android nomedia 避免文件泄露在系统图库和系统铃声中 在应用开发中 项目的图片总是被系统的图库收录了 发现有2个方法 第一种针对图片 将 .png为后缀的图片全部改名为 .ing 后缀 例如 ic_launcher.png 改为 ic_launcher.ing 第二种 在项目存放图片的文件夹写入 /.nomedia File nomedia = new File(filePath + "/.nomedia" ); if (! nomedia.e
QMUI Web前端框架 v1.2.6
12-04
QMUI Web前端框架是一个旨在提高UI开发效率、快速产生项目UI的前端框架。 QMUI Web是一个专注Web UI开发，帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的SASS方法合集与内置的工作流构成。通过...
QMUI Web前端框架 v2.2.1
11-29
QMUI Web前端框架是一个旨在提高UI开发效率、快速产生项目UI的前端框架。 QMUI Web是一个专注Web UI开发，帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的SASS方法合集
QMUI Web前端框架
04-05
QMUI Web前端框架是一个旨在提高UI开发效率、快速产生项目UI的前端框架。 QMUI Web是一个专注Web UI开发，帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的SASS方法合集与内置的工作流构成。通过...
QMUI Web前端框架 v1.2.5
12-04
QMUI Web前端框架是一个旨在提高UI开发效率、快速产生项目UI的前端框架。 QMUI Web是一个专注Web UI开发，帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的SASS方法合集与内置的工作流构成。通过...
QMUI Web前端框架 v1.3.0
12-04
QMUI Web前端框架是一个旨在提高UI开发效率、快速产生项目UI的前端框架。 QMUI Web是一个专注Web UI开发，帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的SASS方法合集与内置的工作流构成。通过...
Android自动更新的demo
06-18
Android自动更新的demo 我们这里不考虑下载配置文件和解析配置文件的内容，只考虑第二种情况就是我们获取了更新的apk的网络地址，如何更新。
RuntimePermission,这是在android应用程序中实现运行时权限的最易于使用和开发人员友好的库之一。.zip
09-25
这是在android应用程序中实现运行时权限的最易于使用和开发人员友好的库之一。在android marshmallow（api级别23）中引入了运行时权限，应用程序将要求用户提供访问特定功能的权限。这个库也适用于API级别23及以下的应用程序。为此，您仍然需要在androidmanifest.xml中声明您的权限。
Android webview QQ一键登录并向后台返回参数
07-24
原创例子，解决同我一样被webview折磨的人
Android ListView 实现分批加载
like_program 的博客
10-23 8185
转载请注明出处： http://blog.csdn.net/like_program/article/details/52901492 ListView 想必大家都很熟悉了，当有大量数据需要显示时，通常不会一次性把数据全部加载显示出来，而是会先加载一部分，当用户滑动屏幕滑到最后一条数据时，再加载下一部分数据。也就是分批加载。这篇博客将讲解如何实现 ListView 的分批加载数据。首先来说下它的原理，其实原理很简单
Android中骨架屏(Skeleton Screen)使用
qq_36573702的博客
05-13 3800
Android中骨架屏(Skeleton Screen)使用 1.什么是骨架屏 页面在没有完全渲染完成之前，用户会看到一个占位的样式，用以描绘了当前页面的大致框架，加载完成后，最终骨架屏中各个占位部分将被真实的数据替换。 效果图如下: 2.Android中使用Skeleton Screen 1.引入依赖 //骨架 skeleton implementation 'com.ethanhua:skeleton:1.1.2' implementation 'io.supercha
Android APK 程序实现自动更新，java服务命令处理无弹窗，终极解决方案
小杨互联网
03-19 5272
安卓更新方式，网上五花八门，但是真正实现apk自动更新无痕迹的方式，少之又少，毕竟不要钱的方式，稳定的方式才能让开发者在困难中脱颖而出。 安卓程序如何做到自动更新？安卓程序如何实现无弹框更新？ 1，安卓apk自动更新方式？ a,第三方平台更新apk,灰度发布，用友 b,系统更新方式有弹窗contenx,通过窗体上下文方式实现更新。 c,通过安卓程序系统服务实现命令更新，自启等。 d,通过安卓反编译修改安卓源码包实现自动更新。
Android Studio 接入OpenCV最简单的例子 : 实现灰度图效果
朱豪凯的博客
08-21 2971
本文介绍了在Android中接入OpenCV最简单的一个例子，实现灰度图的效果。
Android开发之——Profiler-内存分析(1)
最新发布
2401_84009317的博客
04-10 1064
找工作是个很辛苦的事情，而且一般周期都比较长，有时候既看个人技术，也看运气。第一次找工作，最后的结果虽然不尽如人意，不过收获远比offer大。接下来就是针对自己的不足，好好努力了。最后为了节约大家的时间，我把我学习所用的资料和面试遇到的问题和答案都整理成了PDF文档《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！ffer大。接下来就是针对自己的不足，好好努力了。最后为了节约大家的时间，我把我学习所用的资料和面试遇到的问题和答案都整理成了PDF文档。
arr 安卓调用qmui_腾讯开源的Android UI框架——QMUI Android
05-13
要在 Android 项目中使用 QMUI Android，可以按照以下步骤进行： 1. 将 QMUI Android 引入项目中，可以使用 Gradle，将以下代码添加到 `build.gradle` 文件中： ```groovy dependencies { implementation 'com.qmuiteam:qmui:2.1.0' } ``` 2. 在 Application 类中初始化 QMUI，可以在 `onCreate()` 方法中添加以下代码： ```java public class MyApplication extends Application { @Override public void onCreate() { super.onCreate(); QMUI.init(this); } } ``` 3. 在布局文件中使用 QMUI 的控件，例如： ```xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:qmui="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <com.qmuiteam.qmui.widget.QMUITopBarLayout android:id="@+id/topbar" qmui:layout_constraintTop_toTopOf="parent" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize"/> <com.qmuiteam.qmui.widget.QMUIRoundButton android:id="@+id/button" android:text="Button" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout> ``` 在这个例子中，我们使用了 `QMUITopBarLayout` 和 `QMUIRoundButton`，它们都是 QMUI 的控件，可以通过 `xmlns:qmui="http://schemas.android.com/apk/res-auto"` 引入 QMUI 的命名空间。 在 Activity 类中，可以通过以下方式来获取控件的实例： ```java public class MyActivity extends AppCompatActivity { private QMUITopBarLayout mTopBarLayout; private QMUIRoundButton mButton; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_my); mTopBarLayout = findViewById(R.id.topbar); mButton = findViewById(R.id.button); // 设置 TopBar 的标题 mTopBarLayout.setTitle("My Activity"); } } ``` 以上就是使用 QMUI Android 的基本步骤，更多的 QMUI 控件和用法可以参考官方文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值