公共组件汇总

公共组件使用方法


标题栏

<h2>GitHub链接:<a href="https://github.com/AriesHoo/UIWidget">https://github.com/AriesHoo/UIWidget</a></h2> <p><br></p> <h4>控件优点:带有沉浸式显示,样式齐全,容易扩展。</h4> <hr /> <p><br></p> <h3>部分样式展示</h3> <p><br></p> <h4>① 左中右标题栏</h4> <p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/d39e1ddda1d23cf14694d05b3376dd8a?showdoc=.jpg" alt="" /></p> <hr /> <p><br></p> <h4>② 左中标题栏</h4> <p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/e28a1a53cc6c7a3a60737751a5169bf4?showdoc=.jpg" alt="" /></p> <hr /> <p><br></p> <h4>③ 中右标题栏</h4> <p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/765aa1d010a43fb6a6795a569652bb36?showdoc=.jpg" alt="" /></p> <hr /> <p><br></p> <h4>④ 自定义view标题栏</h4> <p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/7b3254c2d4892a46fc56f182144eb4a9?showdoc=.jpg" alt="" /></p> <p><br> <br></p> <h3>控件使用以及说明</h3> <hr /> <p><br></p> <h4>① 引入第三方依赖</h4> <pre><code>(1) 项目build.gradle: allprojects { repositories { google() jcenter() maven { url "https://jitpack.io" } } } (2) APP build.gradle: implementation 'com.github.AriesHoo.UIWidget:widget-core:3.2.7'</code></pre> <p><br></p> <hr /> <h4>② 属性说明</h4> <hr /> <table> <thead> <tr> <th style="text-align: center;">属性</th> <th style="text-align: center;">描述</th> <th style="text-align: center;">format</th> </tr> </thead> <tbody> <tr> <td style="text-align: center;">title_immersible</td> <td style="text-align: center;">是否沉浸式状态栏,默认true</td> <td style="text-align: center;">boolean</td> </tr> <tr> <td style="text-align: center;">title_outPadding</td> <td style="text-align: center;">内边距(距左右),默认12dp;</td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_actionPadding</td> <td style="text-align: center;">子View 内边距,默认1dp</td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_centerLayoutPadding</td> <td style="text-align: center;">中间Layout的padding</td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_centerGravityLeft</td> <td style="text-align: center;">标题文字是否左对齐,默认false即:标题居中</td> <td style="text-align: center;">boolean</td> </tr> <tr> <td style="text-align: center;">title_centerGravityLeftPadding</td> <td style="text-align: center;">标题Layout左对齐时;中间Layout-左边距默认24dp</td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_statusBarLightMode</td> <td style="text-align: center;">是否浅色状态栏(黑色文字及图标)</td> <td style="text-align: center;">boolean</td> </tr> <tr> <td style="text-align: center;">title_viewPressedAlpha</td> <td style="text-align: center;">按下透明度</td> <td style="text-align: center;">float</td> </tr> <tr> <td style="text-align: center;">title_statusBackground</td> <td style="text-align: center;">状态栏背景</td> <td style="text-align: center;">color/reference</td> </tr> <tr> <td style="text-align: center;">title_dividerBackground</td> <td style="text-align: center;">下划线背景</td> <td style="text-align: center;">color/reference</td> </tr> <tr> <td style="text-align: center;">title_dividerHeight</td> <td style="text-align: center;">下划线高度,默认0.5dp</td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_dividerVisible</td> <td style="text-align: center;">下划线是否可见,默认true</td> <td style="text-align: center;">boolean</td> </tr> <tr> <td style="text-align: center;">title_leftText</td> <td style="text-align: center;">左边文字</td> <td style="text-align: center;">string</td> </tr> <tr> <td style="text-align: center;">title_leftTextSize</td> <td style="text-align: center;">左边文字大小,默认14dp</td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_leftTextColor</td> <td style="text-align: center;">左边文字颜色</td> <td style="text-align: center;">color/reference</td> </tr> <tr> <td style="text-align: center;">title_leftTextBackground</td> <td style="text-align: center;">左边文字背景</td> <td style="text-align: center;">color/reference</td> </tr> <tr> <td style="text-align: center;">title_leftTextDrawable</td> <td style="text-align: center;">左边文字drawable资源</td> <td style="text-align: center;">reference</td> </tr> <tr> <td style="text-align: center;">title_leftTextDrawableWidth</td> <td style="text-align: center;"></td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_leftTextDrawableHeight</td> <td style="text-align: center;"></td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_leftTextDrawablePadding</td> <td style="text-align: center;"></td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_titleMainText</td> <td style="text-align: center;">主标题文字</td> <td style="text-align: center;">string</td> </tr> <tr> <td style="text-align: center;">title_titleMainTextSize</td> <td style="text-align: center;">主标题文字大小</td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_titleMainTextColor</td> <td style="text-align: center;">主标题文字颜色</td> <td style="text-align: center;">color/reference</td> </tr> <tr> <td style="text-align: center;">title_titleMainTextBackground</td> <td style="text-align: center;">主标题文字背景</td> <td style="text-align: center;">color/reference</td> </tr> <tr> <td style="text-align: center;">title_titleMainTextFakeBold</td> <td style="text-align: center;">主标题文字是否粗体</td> <td style="text-align: center;">boolean</td> </tr> <tr> <td style="text-align: center;">title_titleMainTextMarquee</td> <td style="text-align: center;">主标题文字是否跑马灯</td> <td style="text-align: center;">boolean</td> </tr> <tr> <td style="text-align: center;">title_titleSubText</td> <td style="text-align: center;">副标题文字</td> <td style="text-align: center;">string</td> </tr> <tr> <td style="text-align: center;">title_titleSubTextSize</td> <td style="text-align: center;">副标题文字大小</td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_titleSubTextColor</td> <td style="text-align: center;">副标题文字颜色</td> <td style="text-align: center;">color/reference</td> </tr> <tr> <td style="text-align: center;">title_titleSubTextBackground</td> <td style="text-align: center;">副标题文字背景</td> <td style="text-align: center;">color/reference</td> </tr> <tr> <td style="text-align: center;">title_titleSubTextFakeBold&quot;</td> <td style="text-align: center;">副标题文字是否粗体</td> <td style="text-align: center;">boolean</td> </tr> <tr> <td style="text-align: center;">title_titleSubTextMarquee</td> <td style="text-align: center;">副标题文字是否跑马灯</td> <td style="text-align: center;">boolean</td> </tr> <tr> <td style="text-align: center;">title_rightText</td> <td style="text-align: center;">右边边文字</td> <td style="text-align: center;">string</td> </tr> <tr> <td style="text-align: center;">title_rightTextSize</td> <td style="text-align: center;">右边文字大小</td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_rightTextColor</td> <td style="text-align: center;">右边文字颜色</td> <td style="text-align: center;">color/reference</td> </tr> <tr> <td style="text-align: center;">title_rightTextBackground</td> <td style="text-align: center;">右边文字背景</td> <td style="text-align: center;">color/reference</td> </tr> <tr> <td style="text-align: center;">title_rightTextDrawable</td> <td style="text-align: center;">右边文字drawable资源</td> <td style="text-align: center;">reference</td> </tr> <tr> <td style="text-align: center;">title_rightTextDrawableWidth</td> <td style="text-align: center;"></td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_rightTextDrawableHeight</td> <td style="text-align: center;"></td> <td style="text-align: center;">dimension</td> </tr> <tr> <td style="text-align: center;">title_rightTextDrawablePadding</td> <td style="text-align: center;"></td> <td style="text-align: center;">dimension</td> </tr> </tbody> </table> <hr /> <h4>③ 使用样例</h4> <hr /> <p><br></p> <h6>(1) xml中使用,(基本属性相信大家都看得懂)</h6> <p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/c0e43a1e3268917d9a1fa80fa38a1949?showdoc=.jpg" alt="" /></p> <hr /> <p><br></p> <h6>(2) 可通过以下方法,自定义xml,更改这个标题栏左、中、右的view,自定义view的点击事件需要自己设置;</h6> <p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/b76f647ed6360ea2631368f6e2a210ab?showdoc=.jpg" alt="" /></p> <hr /> <p><br></p> <h6>(3) 控件左中右点击事件:</h6> <p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/b3d40bd00927a35993f338fe1fb8e950?showdoc=.jpg" alt="" /></p> <hr /> <p><br></p> <h6>(4) 自定义view点击事件:</h6> <p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/4ec29d262e4bded1133e086477a95ef7?showdoc=.jpg" alt="" /></p> <h2><br></h2> <h4>③ 沉浸式状态栏</h4> <hr /> <pre><code>StatusBarUtil.setStatusBarLightMode(this);//设置状态栏浅色模式--黑色字体图标, StatusBarUtil.setStatusBarDarkMode(this);//设置状态栏深色模式--白色字体图标,</code></pre>

页面列表

ITEM_HTML