QMUI系列(1):引入、设置主题、基本使用

1.QMUI——Github

Github:https://github.com/Tencent/QMUI_Android
qmuidemo地址:https://github.com/Tencent/QMUI_Android/tree/master/qmuidemo

引入依赖

implementation ‘com.qmuiteam:qmui:2.0.0-alpha10’

设置主题

注意:主题最好设置上,不然有些属性找不到,或者用了效果出不来!
可以设置全局app主题,也可以设置activity主题。

基本使用(以弹窗QMUIPopups为例)

效果

在这里插入图片描述

Java代码

binding.tv1.setOnClickListener(v -> {
    // 1.数据
    String[] listItems = new String[]{
            "Change Skin",
            "Change Skin",
            "Change Skin",
            "Change Skin",
            "Change Skin",
            "Change Skin",
            "Change Skin",
            "Change Skin",
            "Change Skin",
            "Change Skin",
            "Change Skin",
            "Change Skin",
            "Change Skin",
    };
    List<String> data = new ArrayList<>();
    Collections.addAll(data, listItems);
    ArrayAdapter<String> adapter = new ArrayAdapter<String>(requireActivity(), R.layout.simple_list_item, data);
    
    // 2.弹框
    QMUIPopups.listPopup(requireActivity(),
            QMUIDisplayHelper.dp2px(requireActivity(), 250),
            QMUIDisplayHelper.dp2px(requireActivity(), 300),
            adapter,
            new AdapterView.OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                    Toast.makeText(requireActivity(), "test", Toast.LENGTH_SHORT).show();
                }
            })
            .animStyle(QMUIPopup.ANIM_GROW_FROM_CENTER)
            .preferredDirection(QMUIPopup.DIRECTION_TOP)
            .shadow(true)
            .edgeProtection(QMUIDisplayHelper.dp2px(requireActivity(), 10))
            .offsetYIfTop(QMUIDisplayHelper.dp2px(requireActivity(), 5))
            .skinManager(QMUISkinManager.defaultInstance(requireActivity()))
            .show(binding.tv2);
});

simple_list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/text"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:textAppearance="?android:attr/textAppearanceListItemSmall"
    android:gravity="center_vertical"
    android:paddingLeft="?attr/qmui_content_padding_horizontal"
    android:paddingRight="?attr/qmui_content_padding_horizontal"
    android:minHeight="?android:attr/listPreferredItemHeightSmall"
    android:background="?attr/qmui_skin_support_s_list_item_bg_1"
    app:qmui_skin_background="?attr/qmui_skin_support_s_list_item_bg_1"/>

注意:这里如果没有设置主题的话就会报错TextView转换错误!

AndroidManifest.xml

在这里插入图片描述

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 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、付费专栏及课程。

余额充值