首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

腾讯开源超实用的UI轮子库,我是轮子搬运工

AutoResizeDialogBuilder: 随键盘升降自动调整 Dialog 高度的 Builder QMUIEmptyView 通用的空界面控件,支持显示 loading、主标题和副标题、图片。...QMUIProgressBar 一个进度条控件,通过颜色变化显示进度,支持环形和矩形两种形式,主要特性如下: 支持在进度条中以文字形式显示进度,支持修改文字的颜色和大小。...设置标题/副标题,且支持设置标题/副标题的水平对齐方式。 QMUITopBarLayout 对 QMUITopBar 的包裹类,并代理了 QMUITopBar 的方法。...配合 QMUIWindowInsetLayout 使用,可使 QMUITopBar 在支持沉浸式状态栏的界面中顶部延伸到状态栏。...对 View 做进退场动画,支持透明度变化和上下位移两种方式。

4.8K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    iOS 9人机界面指南(四):UI元素(上) - 腾讯ISUX

    副标题型(Subtitled)(UITableViewCellStyleSubtitle)。副标题型包括左侧图标(可选),图标右边左对齐展示的文字标题,以及在标题下方同样左对齐展示的副标题。...副标题型包括左侧图标(可选),图标右边左对齐展示的文字标题,以及在标题下方同样左对齐展示的副标题。 ?...Value 1 (UITableViewCellStyleValue1).在Value 1样式下,标题左对齐,副标题用较细的字体右对齐。 ?...Value 2 (UITableViewCellStyleValue2).Value 2样式蓝色字体标题右对齐,黑色字体的副标题左对齐,混排在同一行中。这种样式通常不包含图片。...Value 2的布局中,文本和副标题中间的垂直间距会让用户专注于副标题的第一 个单词。 ? 重要 以上四种单元格样式均支持添加表格视图元素,如勾选或展开标志。

    10.1K51

    HIG:Extensions - Home Screen Quick Actions

    每个主屏幕快速操作都包括:一个标题,左侧或右侧的图标(取决于您的app在主屏幕上的位置)和一个可选择的副标题。 标题和副标题始终左对齐。 新的信息出现时,app 甚至可以动态更新其快速操作。...例如,根据当前位置、app中最近的活动、时间、设置中的更改来更新快速操作可能是有意义的。但是,操作不应该以不可预知或令人困惑的方式改变。...·为每个快速操作提供一个简洁的标题 操作的标题应传达行动的结果;例如“Directions Home”,“创建新联系人”和“新留言”。如果您需要提供更多的信息,请提供副标题。...邮件使用副标题来展示收件箱和VIP文件夹中是否有未读邮件。不要在标题或副标题中包含app名称或任何无关信息,缩短文案以避免截断,并在编写文案时考虑到本地化。...·不要使用 emoji 代替图标 Emoji 不能与右对齐的文本正确对齐。另外,emojis是全彩色的,而快速动作图标是单色的。

    77910

    在前端网页设计中 align 和 valign 两种对齐方式的不同取值区分(持续补充)

    文章目录 前言 一、align 与 valign 的对齐方式与取值 二、常见应用区分整理 2.1、H5 页面设计的取值 2.2、表格标题的取值 2.3、表格属性的取值 总结 ---- 前言 不知道大家在学习...H5 的时候,有没有疑惑过,对于 align 和 valign 两种对齐方式在不同的情境下往往会有不同的取值,所表示的意思也都不尽一样。...---- 一、align 与 valign 的对齐方式与取值 align 设置水平对齐方式,取值:left、center、right valign 设置垂直对齐方式,取值:bottom、middle、top...具体取值情况如下图所示: 2.2、表格标题的取值 在设计表格标题时,标记对齐属性为 align 和 valign 两个值,但是 valign 取值只有 top(默认)和 bottom...---- 总结 本文是对 H5 中对齐方式的一个小结,在不同的情境下往往取值会有不同的效果,我会不断补充我开发中所遇到的,也欢迎大家前来积极补充。 ---- 我是白鹿,一个不懈奋斗的程序猿。

    1.4K21

    在前端网页设计中 align 和 valign 两种对齐方式的不同取值区分(持续补充)

    文章目录 前言 一、align 与 valign 的对齐方式与取值 二、常见应用区分整理 2.1、H5 页面设计的取值 2.2、表格标题的取值 2.3、表格属性的取值 总结 前言 不知道大家在学习...H5 的时候,有没有疑惑过,对于 align 和 valign 两种对齐方式在不同的情境下往往会有不同的取值,所表示的意思也都不尽一样。...一、align 与 valign 的对齐方式与取值 align 设置水平对齐方式,取值:left、center、right valign 设置垂直对齐方式,取值:bottom、middle、top 二...具体取值情况如下图所示: 2.2、表格标题的取值 在设计表格标题时,标记对齐属性为 align 和 valign 两个值,但是 valign 取值只有 top(默认)和 bottom...总结 本文是对 H5 中对齐方式的一个小结,在不同的情境下往往取值会有不同的效果,我会不断补充我开发中所遇到的,也欢迎大家前来积极补充。

    1.5K30

    【Android 应用开发】 ActionBar 样式详解 -- 样式 主题 简介 Actionbar 的 icon logo 标题 菜单样式修改

    样式资源解析 (1) 样式简介 样式解析 : 样式是设置给 View 组件的多个属性的集合;  -- 样式的好处 : 给一个 TextView 设置 文字大小, 颜色, 对齐方式等, 如果需要给多个 TextView...主题资源解析 (1) 主题资源 与 样式资源比较 主题资源 与 样式资源 相同点 : 定义方式基本相同, 都是在 /res/values 目录下的 带 根标签的 xml 中定义...="Theme.Light.NoTitleBar" : 白色背景并无标题栏 android:theme="Theme.Light.NoTitleBar.Fullscreen" : 白色背景,无标题栏,全屏...标题 副标题样式, 背景, 分割条, 进度条样式等; 属性名称 : android:actionBarStyle, 样式的名称为 Widget.Holo.Light.ActionBar.Solid.Inverse...: -- android:titleTextStyle : 标题样式, 可以修改标题文字相关的属性; -- android:subtitleTextStyle : 副标题样式; -- android

    3.2K80

    r语言中plot函数参数含义_plot函数参数

    x<-1:10 y<-x plot(x,y) 参数main指定标题(图上方),sub指定副标题(图下方), xlab与ylab(lable标签)分别指定x,y轴的标签。...plot(x,y,main="这是图片的标题",sub="这是副标题",xlab="x轴",ylab="y轴") xlim限定x轴范围,参数值为向量(x1,x2),x1,x2分别为x的上下限, ylim...adj可以设置文本和标题对齐方式,取值在[0,1]之间,0左端对齐,0.5居中,1右端对齐。...par(mfrow=c(2,3)) plot(x,y,main="右端对齐",sub="副标题",ann=FALSE)#删除注释 plot(x,y,main="右端对齐",sub="副标题",ann...=FALSE,las=1)#y轴刻度值水平 plot(x,y,main="右端对齐",sub="副标题",ann=F,bty="n",xaxt="n",yaxt="n")#删除边框、刻度 感谢您在茫茫的网络世界中阅读了本文

    2.2K21

    MIUI12.5版本片多多播放卡顿分析与解决

    = null) {    forceLayout(mView);}代码片段会强制所有View做forceLayout。换句话说,显示或隐藏导航栏系统会强制整个布局树重新布局,即使他不需要。...添加了自定义trace,抓取huawei DUB-AL00同样操作, trace进行分析正常trace:图片应用UI线程做binder和layout的时候耗时图片对应CPU也吃满了一个核图片huawei...trace进行分析,如下:MIUI12.5 jank.html图片图片主/副标题以及播放时间的文本度量在这一次layout中做 了800+多次,这也是布局嵌套过深产生的负面影响。...缺点:该自定义布局必须固定宽高,且不在调用父类度量方法2)复写主副标题以及当前时间的forceLayout,不调用父类方法,避免被系统强制布局。...查询源码发现,调用此方法的大部分是TableLayout/ListView/AbsListView,而咱们的主副标题以及当前时间都不在这些容器里面。可以直接复写使用。当前采用方案2进行解决。

    1.5K30

    Jump Start Bootstrap 第3章

    页眉 给页面加一个页眉或标题很简单,任何人都能使用标签在一个页面上显示一个页面;然而,但是,要巧妙地显示一个不采用浏览器默认样式的标题,它被适当的间距围绕,旁边有小的副标题。。。...如你所见,页眉组件仅仅在底部添加了一条很浅的灰线。我们稍后会看到,这只是我们添加副标题的开始。...副标题 如果你想加一个副标题在这个页面,你可以把副标题用标签包裹起来,放在标签内,像这样子: <div class...Navbar(导航条) Navbar是最有趣的Bootstrap组件;但对于新手,不容易掌握;它带来了很多挑战,比如将头部和其余部分保持一致;正确地对齐链接、搜索栏和导航栏中的下拉菜单会使工作变得更加困难...一个例子是在顶部导航栏中包含一个登录表单,用户名和密码并排。

    13.9K20

    ICLR 2024 Oral:长视频中噪声关联学习,单卡训练仅需1天

    其中「异步」指视频片段与标题间存在时序上的错位,例如图 2 中 t1。由于讲述者在实际执行动作的前后进行解释,导致陈述与行动的顺序不匹配。...「不相关」则指无法与视频片段对齐的无意义标题(例如 t2 和 t6),或是无关的视频片段。...针对一个视频片段,可能一句文本描述中只有部分文字与其相关。在图 2 中,标题 t5 中「糖撒在上面」与视觉内容 v5 强相关,但动作「观察釉面脱落」则与视觉内容并不相关。...研究者采用 log-sum-exp 近似作为 Soft-maximum 算子去识别帧 - 词和词 - 帧对齐中的关键词和关键帧,以细粒度的交互方式实现重要信息抽取,累计得到片段 - 标题相似性。...由于自监督对比学习会将语义相似的样本错误地作为负样本优化,我们利用最优传输识别并矫正潜在的假阴性样本: 其中 代表训练批次中的所有视频片段和标题个数,单位矩阵 代表对比学习交叉熵损失中的标准对齐目标,

    13310

    轻松实现app中的导航Tab栏悬浮功能

    又到了更博的时间了,今天给大家带来的就是“导航Tab栏悬浮功能”了。通常大家在玩手机的过程中应该会注意到很多的app都有这种功能,比如说外卖达人常用的“饿了么”。...像这种导航Tab栏悬浮的作用相信大家都能体会到,Tab栏不会随着ScrollView等的滚动而被滑出屏幕外,增加了与用户之间的交互性和方便性。...还有一点需要注意的是:我们调用了getSupportActionBar().hide();去掉了标题栏(MainActivity继承了AppCompatActivity)。...这是因为标题栏的存在导致了在计算悬浮窗y轴的值时要额外加上标题栏的高度(当然你也可以保留标题栏,然后计算时再加上标题栏的高度_!)。...,比如说不可聚焦,非模态对话框等等 layoutParams.gravity = Gravity.TOP; //悬浮窗的对齐方式 layoutParams.width

    1.9K30

    Android开发笔记(一百一十九)工具栏ToolBar

    Toolbar 在前面的博文《Android开发笔记(二十)顶部导航栏》中,我们学习了ActionBar的用法,可是ActionBar着实是不怎么好用,比如文字风格不能定制、图标不能定制,而且还存在低版本的兼容性问题...为此,Android提供了加强版的工具栏控件即Toolbar,因为Toolbar继承自ViewGroup,而且可在布局文件中像其它布局视图一样使用,所以灵活性大大的提高了。...3、把project.properties中的target改为23(注意库工程和app工程都要改),不然会出现如下错误: Error:Error retrieving parent for item:...setSubtitle : 设置副标题文字。副标题在标题下方。 setSubtitleTextAppearance : 设置副标题的文字风格。...setSubtitleTextColor : 设置副标题的文字颜色。 setNavigationIcon : 设置导航图标。导航图标在工具栏图标左边。

    1.9K30

    iOS 9人机界面指南(三):iOS 技术 (上)

    iOS用户期望以其他方式接收应用中的信息(更多信息参看 Notifications)。 为主屏快捷操作提供一个简洁的标题(可有副标题)和一个模板的图标。...标题应该直接传达这个操作的结果;例如,“回家的方向”,“新建联系人”,和“新建信息”。你也可以提供一个副标题给用户更多上下文信息。...例如,Mail使用一个副标题在主屏快捷操作的重要位置去告诉用户有未读信息。 不要把你的应用名字或者无关的信息放在标题和副标题里,同时要考虑到使用本地化的用语。...保持标题的简洁不会被切断从而帮助用户快速理解操作是非常重要的。如果你提供的副标题一行显示不全,系统会截断;如果你没有副标题,系统会把一行展示不完全的长标题以两行展现。...注意: iOS会自动在自定义的部件内容上方显示应用的图标和标题(图标会显示在标题前面的空白处)。 将部件内容与标题对齐。当你的部件内容与标题对齐时,人们就可以很简单地浏览今天视图中他们想要的部件。

    1.7K60

    Bootstrap响应式前端框架笔记二——排版标签与类

    Bootstrap响应式前端框架笔记二——排版标签与类     Bootstrap中对h标签的字体和字号进行了微调,开发者除了可以直接使用这些标签进行标题的修饰外,还可以使用.h1到.h6类来将其他元素的字体进行修饰...Bootstrap heading     在标题或者其他标签中使用small标签或者small类可以添加内部副标题,副标题除了字号会进行缩小调整外,还会修改文字的颜色,示例如下: 可以使用small标签或者.samll类来向标题中添加副标题 h3标题 small标签副标题 h3Class...类 small类副标题 效果如下: ?    ....blockquote-reverse类可以将blockquote中的内容进行右对齐,示例如下: 使用blockquote标签可以进行内容的引用,其中可以嵌套fooer标签进行标注

    2.5K20

    开发入门之Web 品质- 可读性

    Web 品质- 可读性 ---- Web品质-可读性技术文档 可读性是网站品质的重要方面,它直接影响用户的使用体验和网站的可维护性。因此,在设计和开发过程中应该注重提高网站的可读性。...此外,在使用响应式设计的情况下,网站的字体大小和行距应该根据不同设备的屏幕大小进行适配。 1.3 对齐和间距 网站的排版也非常重要。尽量选择左对齐方式,保证页面的整齐和一致,使读者更容易阅读。...3.2 标题和副标题 标题和副标题是网站文本排版的重要组成部分。标题应该足够大,使它们易于辨认和识别。副标题可以使用较小的字体,并且使用合适的颜色来使它们更显眼。...3.3 网站导航 导航是网站中重要的元素之一。为了提高网站的可读性,在设计导航时应该遵循以下准则: 正确的分类 易于理解和识别 逻辑分组 易于找到和使用 4. 可访问性 网站的可访问性也是很重要的。...结论 通过上述技术和方法,我们可以提高网站的可读性,改进用户的使用体验和网站的可维护性。同时,我们还可以提高网站的访问速度,让用户得到更好的使用体验。

    19430
    领券