QMUI_Android github 上的开发利器

其他 2018-08-01 11:43:14 阅读次数: 0

怎么说呢  如果有一个这样的工具 既可以灵活配置 又全面丰富的老少咸宜的库是多么的美好的存在。答案是：不存在的。但是又有多少人放弃了？都在为之努力。不正是这种开源精神才能让互联网迸发活波生机吗？身为互联网浪潮中的一员,也需要时刻记着，学无止境，再一次一次次的科技浪潮中，只有勇于投身当中者才有绝地求生的可能，那些原地踏步者只有人仰马翻的结局，从15年跻身互联网行列当中,有幸见证洛基亚的衰败，站在移动开发的风口浪尖。这是一个幸运的年代，也是一个不幸的年代。从AsyncHttp到Xutil 到 Volley 到 Retrofit 再到Nohttp 再到现在的Novate 框架学了又写，当听到别人说：Volley？已经被淘汰了。我也只是心里叫苦。此时才能理解什么叫做“不在乎天长地久，只在乎你曾经拥有。”当然也有很优秀的项目 比如说剪纸堆 （heruoxin），看了他的产品你会发现一片新天地。在感叹作者扎实的功底同时，你也绝不会想使用其中的代码，因为两个字“原生”。此话不带有任何有色字眼，只是感叹作者的扎实功底。有时候框架多得让人眼花缭乱只时，原生也不失为一个好的方法。

以上闲谈可忽略

-----------------------------------------------------一个漂亮的分割线-----------------------------------------------------------

现在进入正题 由于作者只是给了简单的官网和一些简单得功能简介，所以最好的方法还是快去看作者的源码吧。

最好下载下来(本地打开总比在github快)，再使用Sublime Text3打开，为什么用这个是因为它能打开文件夹，因为可以查看目录结构，至少我是这么认为的。  

这边在库引用中合并了values.xml ,作者的注释以及优秀的命名方式 看了就很明了le 

为避免打开项目失败 我会一个个做解释 直接粘贴一下代码 在manifest中一定要引用哦

如下配置基本解决theme的问题

 <!-- Base application theme. -->
    <style name="AppTheme" parent="QMUI.Compat.NoActionBar">
        <!-- 配置Android提供的theme -->
        <item name="android:textAppearanceListItemSmall">@style/QDTextAppearanceListItemSmall</item>
        <item name="android:textAppearanceListItem">@style/QDtextAppearanceListItem</item>
        <item name="android:listPreferredItemHeight">?attr/qmui_list_item_height_higher</item>
        <item name="android:listPreferredItemHeightSmall">?attr/qmui_list_item_height</item>


        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<!--这个在value-21v中重写,如果sdk大于19的话请在value-21v 中做修改 同时这也是作者的一个bug,在给他的github中可查证-->
        <item name="colorAccent">@color/colorPrimary</item>
        <item name="qmui_backgroundColor">@color/white</item>
        <item name="android:actionBarSize">@dimen/dimen_48dp</item>
        <item name="actionBarSize">@dimen/dimen_48dp</item>


        <item name="qmui_config_color_blue">@color/color_FF244F</item><!--这是一个BUG覆盖了colorAccent的效果-->
        <item name="qmui_config_color_red">@color/colorPrimaryDark</item>
        <item name="qmui_config_color_background">@color/white</item>


        <!-- 配置app自己的theme -->
        <item name="app_primary_color">?attr/qmui_config_color_blue</item><!--下拉刷新 控件默认颜色-->
        <item name="qmui_common_list_item_chevron">@drawable/icon_more</item><!--向右按钮-->
        <item name="qmui_dialog_action_text_negative_color">@color/color_BFBFBF</item><!--颜色cancle-->
        <item name="qmui_dialog_action_text_color">@color/qmui_config_color_black</item><!--颜色confirm-->
        <item name="qmui_dialog_title_text_color">@color/qmui_config_color_black</item><!--颜色Title-->
        <item name="qmui_config_color_gray_4">@color/color_BFBFBF</item><!--颜色message-->
    </style>




    <style name="QDtextAppearanceListItem">
        <item name="android:textColor">?attr/qmui_config_color_black</item>
        <item name="android:textSize">18sp</item>
        <item name="android:background">?attr/qmui_s_list_item_bg_with_border_bottom_inset_left
        </item>
    </style>


    <style name="QDTextAppearanceListItemSmall">
        <item name="android:textColor">?attr/qmui_config_color_gray_4</item>
        <item name="android:textSize">16sp</item>
        <item name="android:background">?attr/qmui_s_list_item_bg_with_border_bottom_inset_left
        </item>
    </style>

下面简单介绍以下使用方法

QMUITipDialog 

var dialog: QMUITipDialog? = null

    fun showError(msg: String) {
        dialog?.dismiss()
        dialog = QMUITipDialog.Builder(this)
                .setTipWord(msg)
                .setIconType(QMUITipDialog.Builder.ICON_TYPE_FAIL)
                .create()
        dialog?.show()
        dimiss()
    }

    fun dimiss() {
        ShopApp.instance.mainHandler.postDelayed({
            dialog?.dismiss()
        }, 500)
    }


    fun complete(msg: String) {
        dialog?.dismiss()
        dialog = QMUITipDialog.Builder(this)
                .setTipWord(msg)
                .setIconType(QMUITipDialog.Builder.ICON_TYPE_SUCCESS)
                .create()
        dialog?.show()
        dimiss()
    }

    fun loadingDialog(msg: String) {
        dialog?.dismiss()
        dialog = QMUITipDialog.Builder(this)
                .setTipWord(msg)
                .setIconType(QMUITipDialog.Builder.ICON_TYPE_LOADING)
                .create()
        dialog?.show()
    }

QMUIGroupListView 

  val acount_safe = bottom_list.createItemView(getString(R.string.acount_safe)).apply { accessoryType = QMUICommonListItemView.ACCESSORY_TYPE_CHEVRON }
        val my_invite = bottom_list.createItemView(getString(R.string.my_invite)).apply { accessoryType = QMUICommonListItemView.ACCESSORY_TYPE_CHEVRON }
        val faq = bottom_list.createItemView(getString(R.string.faq)).apply { accessoryType = QMUICommonListItemView.ACCESSORY_TYPE_CHEVRON }
        val feedback = bottom_list.createItemView(getString(R.string.feedback)).apply { accessoryType = QMUICommonListItemView.ACCESSORY_TYPE_CHEVRON }
        val about_us = bottom_list.createItemView(getString(R.string.about_us)).apply { accessoryType = QMUICommonListItemView.ACCESSORY_TYPE_CHEVRON }
        QMUIGroupListView.newSection(context)
                .setUseTitleViewForSectionSpace(false)
                .addItemView(merchant_msg, MyOnclickLisetner("merchant_msg"))
                .addItemView(my_msg, MyOnclickLisetner("my_msg"))
                .addItemView(acount_safe, MyOnclickLisetner("acount_safe"))
                .addItemView(my_invite, MyOnclickLisetner("my_invite"))
                .addItemView(faq, MyOnclickLisetner("faq"))
                .addItemView(feedback, MyOnclickLisetner("feedback"))
                .addItemView(about_us, MyOnclickLisetner("about_us"))
                .addTo(bottom_list)

QMUIDialog 

private fun showAutoDialog(message: String) {
        val builder = QMUIDialog.MessageDialogBuilder(this@BarterPayActivity)
        builder.setTitle(R.string.tip)
                .setMessage(message)
                .addAction(0, R.string.cancel, QMUIDialogAction.ACTION_PROP_NEGATIVE) { dialog, index -> dialog.dismiss() }
                .addAction(0, R.string.confirm, QMUIDialogAction.ACTION_PROP_POSITIVE) { dialog, index ->
                    barterPayPresenter.getOrder(barterPayParam)
                    dialog.dismiss()
                }
                .show()
    }

QMUIListPopup

 private fun showMenuPop() {
        if (mPopupWindow == null) {
            val mGoodArray = resources.getStringArray(R.array.merchant_barter_type)
            mPopupWindow = QMUIListPopup(this@BarterConsumDetailActivity,
                    QMUIPopup.DIRECTION_BOTTOM,
                    ArrayAdapter<String>(this@BarterConsumDetailActivity, R.layout.simple_list_item, mGoodArray))
            mPopupWindow?.create(QMUIDisplayHelper.dp2px(this@BarterConsumDetailActivity, 130),
                    QMUIDisplayHelper.dp2px(this@BarterConsumDetailActivity, 200)) { _, _, position, _ ->
                launchActivity<MerchantBarterInComeDetailListActivity> {
                    putExtra("type", position + 1)
                    putExtra("type_name", mGoodArray[position])
                }
                mPopupWindow?.dismiss()
            }
        }
        mPopupWindow?.setAnimStyle(QMUIPopup.ANIM_GROW_FROM_RIGHT)
        mPopupWindow?.show(topbar.find(R.id.head_right))
    }

QMUIPullRefreshLayout
  mPullRefreshLayout.setOnPullListener(this)

QMUITopBar

<com.qmuiteam.qmui.widget.QMUITopBar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/topbar"
    android:layout_width="match_parent"
    android:visibility="visible"
    android:layout_height="?attr/qmui_topbar_height"
    app:qmui_topbar_left_back_drawable_id="@drawable/icon_back" />

topbar.addRightImageButton(R.drawable.more_point, R.id.head_right).onClick {
    showMenuPop()
}

沉浸式

  mCollapsingTopBarLayout.setScrimUpdateListener(object : ValueAnimator.AnimatorUpdateListener {
            override fun onAnimationUpdate(animation: ValueAnimator) {
                topbar?.background?.alpha = "${animation.animatedValue}".toInt()
            }
        })
        topbar.background.alpha = 0
        mQMUIAppBarLayout.addOnOffsetChangedListener(object : AppBarStateChangeListener() {
            override fun onStateChanged(appBarLayout: AppBarLayout, state: AppBarStateChangeListener.State) {
                Log.d("STATE", state.name)
                if (state == AppBarStateChangeListener.State.EXPANDED) {
                    //展开状态
                    mPullRefreshLayout.setEnabled(true)
                    mainCity?.apply {
                        setCompoundDrawablesWithIntrinsicBounds(null, null, ContextCompat.getDrawable(context, R.drawable.icon_pull_white), null)
                        textColor = Color.parseColor("#ffffff")
                    }
                    topbar.find<View>(R.id.main_head_ll).setBackgroundResource(R.drawable.shape_color_white)
                } else if (state == AppBarStateChangeListener.State.COLLAPSED) {
                    //折叠状态
                    mPullRefreshLayout.setEnabled(false)
                    mainCity?.apply {
                        setCompoundDrawablesWithIntrinsicBounds(null, null, ContextCompat.getDrawable(context, R.drawable.icon_choice_pull), null)
                        textColor = Color.parseColor("#333333")
                    }
                    topbar.find<View>(R.id.main_head_ll).setBackgroundResource(R.drawable.shape_color_gray)
                } else {
                    //中间状态
                    mPullRefreshLayout.setEnabled(false)
                }
            }
        })

//以下为AppBarStateChangeListener的源码
public abstract class AppBarStateChangeListener implements AppBarLayout.OnOffsetChangedListener {


    public enum State {
        EXPANDED,
        COLLAPSED,
        IDLE
    }


    private State mCurrentState = State.IDLE;


    @Override
    public final void onOffsetChanged(AppBarLayout appBarLayout, int i) {
        if (i == 0) {
            if (mCurrentState != State.EXPANDED) {
                onStateChanged(appBarLayout, State.EXPANDED);
            }
            mCurrentState = State.EXPANDED;
        } else if (Math.abs(i) >= appBarLayout.getTotalScrollRange()) {
            if (mCurrentState != State.COLLAPSED) {
                onStateChanged(appBarLayout, State.COLLAPSED);
            }
            mCurrentState = State.COLLAPSED;
        } else {
            if (mCurrentState != State.IDLE) {
                onStateChanged(appBarLayout, State.IDLE);
            }
            mCurrentState = State.IDLE;
        }
    }


    public abstract void onStateChanged(AppBarLayout appBarLayout, State state);
}


其他工具类 

QMUIStatusBarHelper.setStatusBarLightMode(this)
        //QMUIStatusBarHelper.translucent(this, Color.parseColor("#ffffff"))
        QMUIStatusBarHelper.setStatusBarLightMode(this)









猜你喜欢

转载自blog.csdn.net/qq_20330595/article/details/79072580
今日推荐
《美国对全球网络空间安全与发展的威胁和破坏》报告发布
火速冲上 GitHub 热榜 —— 开源编程语言、框架哪有这么可爱？
北京人形机器人创新中心发布全球首个纯电驱拟人奔跑的全尺寸人形机器人“天工”
LFOSSA 源来如此公开课 | 掌握云原生未来：CNCF 认证全面攻略与备考秘籍
周排行
循环神经网络（rnn）讲解
Tigao教程四：单独的关节运动
金蝶K3WISE15.0-注册套打教程
如何在Mac上配置Kubernetes
Android应用结束自身进程的方法
SpringMVC学习 十三 拦截器栈
中国驻洛杉矶总领馆举行新春招待会
HttpClient get post 发送
11 - three.js 笔记 - 绘制三维字体模型
Mysql递归获取某个父节点下面的所有子节点和子节点上的所有父节点
每日归档
更多
2024-05-01(4)
2024-04-30(1)
2024-04-29(40)
2024-04-28(0)
2024-04-27(56)
2024-04-26(39)
2024-04-25(22)
2024-04-24(36)
2024-04-23(26)
2024-04-22(39)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022