QMUI框架使用教程_持续更新

最新推荐文章于 2021-10-10 17:19:31 发布

决胜万里

最新推荐文章于 2021-10-10 17:19:31 发布

阅读量4.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：安卓

本文链接：https://blog.youkuaiyun.com/weixin_42446445/article/details/99942540

安卓专栏收录该内容

72 篇文章

订阅专栏

本文介绍QMUI组件在Android应用中的使用方法，包括标题栏QMUITopBar的配置与展示效果，以及自定义ViewPager NoScrollViewPager的实现，该ViewPager默认屏蔽了左右滑动功能。同时，文章提供了QMUITabSegment的配置示例，展示了如何添加tab及其图标和文字。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引用： implementation ‘com.qmuiteam:qmui:1.4.0’
功能列表：　https://qmuiteam.com/android/documents/

标题栏：

**<com.qmuiteam.qmui.widget.QMUITopBar
            android:id="@+id/bast_top_bar"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:visibility="gone"
            app:qmui_topbar_title_color="@color/white">

        </com.qmuiteam.qmui.widget.QMUITopBar>**
        得在代码中设置标题，然后左边的图标大概是４８＊４８

效果图　下面图标是点击变大的
在这里插入图片描述
安卓经典ViewPager＋ｔａｂｌａｙｏｕｔ：

<com.sim.chongwukongjing.ui.wigdet.NoScrollViewPager
        android:id="@+id/main_view_page"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1">


    </com.sim.chongwukongjing.ui.wigdet.NoScrollViewPager>

    <View
        android:id="@+id/main_view"
        style="@style/h_line"
        android:layout_height="1px"
        android:layout_above="@id/rl_bottom" />

    <RelativeLayout
        android:id="@+id/rl_bottom"
        android:layout_width="match_parent"
        android:layout_height="100dp"

        android:layout_alignParentBottom="true">

        <com.qmuiteam.qmui.widget.QMUITabSegment
            android:id="@+id/main_tab_segment"
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:background="@drawable/background_gradient"
            android:isScrollContainer="true"
            app:qmui_tab_icon_position="top">

        </com.qmuiteam.qmui.widget.QMUITabSegment>
    </RelativeLayout>

tablayout的一些配置可以在QMUITabSegment类中最上面看下，//添加tab就用下面的方法：
mainTabSegment.addTab(
new QMUITabSegment.Tab(
ContextCompat.getDrawable(this, R.drawable.),　普通图标　　４８＊４８
ContextCompat.getDrawable(this, R.drawable.),　选中图标　４８＊４８
getString(R.string.yeliang),　　　　　　　　　　　文字
false,
true));

默认屏蔽左右滑动的viewPage

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;

import com.qmuiteam.qmui.widget.QMUIViewPager;

/**
 * 默认屏蔽左右滑动的viewPage
 * 继承自QMUIViewPager,也可以直接继承自ViewPage
 * Created by jiahengfei on 2017/12/28 0028.
 */
public class NoScrollViewPager extends QMUIViewPager {

    private boolean noScroll = true;

    public NoScrollViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public NoScrollViewPager(Context context) {
        super(context);
    }

    public void setNoScroll(boolean noScroll) {
        this.noScroll = noScroll;
    }

    @Override
    public void scrollTo(int x, int y) {
        super.scrollTo(x, y);
    }

    @Override
    public boolean onTouchEvent(MotionEvent arg0) {
        if (noScroll) {
            return false;
        } else {
            return super.onTouchEvent(arg0);
        }
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent arg0) {
        if (noScroll) {
            return false;
        } else {
            return super.onInterceptTouchEvent(arg0);
        }
    }

    @Override
    public void setCurrentItem(int item, boolean smoothScroll) {
        super.setCurrentItem(item, smoothScroll);
    }

    @Override
    public void setCurrentItem(int item) {
        super.setCurrentItem(item);
    }

}

效果图
在这里插入图片描述

group_list_item_gegngaishebeimignc.setText(“更改设备名称”);
//group_list_item_gegngaishebeimignc.showNewTip(true);
group_list_item_gegngaishebeimignc.setRedDotPosition(QMUICommonListItemView.REDDOT_POSITION_RIGHT);
group_list_item_gegngaishebeimignc.showRedDot(true);
group_list_item_gegngaishebeimignc.setImageDrawable(getResources().getDrawable(R.drawable.diqiu));