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

Flutte部件目录-Material Components 顶

BottomNavigationBarType.shifting,有四个更多项目的默认值。...FloatingActionButton 浮动操作按钮是一个圆形图标按钮,它悬停在内容上以提升应用程序中的主要操作。...浮动动作按钮最常用于Scaffold.floatingActionButton字段。 ? FlatButton 平面按钮是在材料组件部件上打印的部分,通过填充颜色对触摸作出反应。 ?...对话框,弹出框和面板 SimpleDialog 简单的对话框可以提供有关列表项的其他详细信息操作。 例如,他们可以显示头像图标,以阐明潜台词正交行为(如添加帐户)。 ?...Tooltip 工具提示提供的文本标签可帮助解释按钮其他用户界面操作的功能。 将按钮封装在工具提示窗口小部件中,以便在按下窗口小部件(或者当用户采取其他适当的操作)显示标签。 ?

9.4K40

Material Design —悬浮响应式按钮(Buttons: Floating Action Button)

避免对次要和消极的操作使用浮动操作按钮,包括以下内容: ·存档清空 ·不明确的行为 ·警告错误 ·有限制的任务,如剪切文本 ·应该在工具栏中的控件,如音量控制更改字体颜色 浮动操作按钮不包含应用栏...跨屏幕 横跨多个横向屏幕(例如顶部标签屏幕)的悬浮响应式按钮应该短暂消失,然后如果其动作改变就重新出现(此部分动图见原网站)。...工具栏 浮动动作按钮可以在按下变换成工具栏。 工具栏可以包含相关的操作,如文本和搜索字段,任何其他有用的项目。 ?...在同一地点点击应激活最常用的操作关闭打开的菜单。 ? 悬浮响应式按钮可以转换为包含所有动作的单张材料。 ? 一般规则是,按下时至少有三个选项,但不能超过六个,包括原始悬浮响应式按钮目标。...变形 浮动操作按钮可以转换为属于应用程序结构的一部分材料。 这种戏剧性的变化突出了按钮所能实现的动作。 悬浮响应式按钮变形,以有逻辑的方式在开始和结束位置之间转换。 例如,不要通过其他材料。

5.7K90
您找到你想要的搜索结果了吗?
是的
没有找到

Python 图形化界面基础篇:使用弹出窗口和对话框

信息显示: 显示重要信息、通知警告,以便用户能够及时了解应用程序状态。 4 . 确认操作: 确保用户确认危险不可逆操作,例如删除文件关闭应用程序。...步骤4:添加按钮 创建一个按钮,点击按钮触发弹出窗口函数: popup_button = tk.Button(root, text="打开弹出窗口", command=popup_window) popup_button.pack...步骤1:导入 simpledialog 模块 首先,导入 simpledialog 模块: from tkinter import simpledialog 步骤2:创建获取用户输入的函数 我们将创建一个函数...步骤3:添加按钮 创建一个按钮,点击按钮触发获取用户输入的函数: get_name_button = tk.Button(root, text="获取用户名", command=get_user_name...步骤3:添加按钮 创建一个按钮,点击按钮触发文件选择函数: choose_file_button = tk.Button(root, text="选择文件", command=choose_file)

1.3K20

Material Design —Snackbars &Toasts

位置 Snackbars出现在屏幕上的大多数元素的上方,与浮动操作按钮的高程相同。 但高程低于提示框,底部动作条和导航抽屉。 行为 入口,Snackbars激活从屏幕底部向上出现。...消失方式:1、向下滑动;2、一段时间后自动消失;3、用户在别处进行新交互(例如打开了新的页面) 非常短的文本字符串 Snackbars应包含与所执行的操作直接相关的单行文本。 它们可能包含操作文本。...在Android上,当Snackbars出现时有不相关的DialogPopup,Snackbars超时后将在重新获得窗口焦点重置。 这是为了确保用户能够在预期时间内阅读Snackbar。...最多0-1个操作,不包含取消按钮 如果存在行为,则遵守Dialog的空间和可视性规则。 对于两个更多操作,使用Dialog,即使其中一个操作是取消。...不要挡住浮动操作按钮(Floating Action Button) 纵向移动浮动动作按钮以适应Snackbar的高度。 ? 连续Snackbars 一个时间只有一个Snackbar能展示。

1K60

车床震颤的原因及排除

这些增加的切削力会导致切削过程中出现颤动。 检查您的刀具并在必要更换它。 随着时间的推移,刀具出现磨损是正常现象。在稳定的加工过程中,刀具磨损是可以预测的。...如果拧紧支架两侧的螺钉,则杆可能不会与孔接触,从而有效地浮动在支架的中心 。 如果您在一侧使用两个螺钉仍然存在颤振问题,您可以松开其中一个固定螺钉来更改杆的共振频率。...刀片负载太轻 当切削速度(表面英寸每分钟米每分钟)太高进给率(每转进给)太低,切削可能会变得不稳定并开始共振,从而留下颤动的表面光洁度。 降低切削速度提高进给量以稳定切削。...测试运行您的应用程序并使用主轴速度和进给倍率来找到不会颤动的速度/进给组合。 刀具不在主轴中心线上 如果刀具的切削刃不在主轴中心线上,则过大的切削力可能会导致颤振、精度和刀具寿命问题。...磨损损坏的活动中心 磨损损坏的活动中心会引起振动并使零件移动。这可能会导致颤振、锥度、表面光洁度差和刀具寿命问题。 检查活动中心是否存在过度跳动和损坏的轴承(当它们仍在机器中)。

65410

Material Design — 按钮( Buttons)

Button 按钮能传达用户触摸它们发生的操作。 Buttons被按时被触发墨水扩散效果。 他们可能会显示文字,图像两者都有。 平面按钮浮动按钮是最常用的类型。...点击的动画效果可以去网站观看 ---- 浮动按钮(Raised button) 用法 浮动按钮增加了大部分平面布局的海拔。 强调在拥挤的或者较大的空间的功能。 ?...背景比较嘈杂的时候使用浮动按钮 浮动按钮就像一块放在另一张纸上的材料 - 点击浮起并填充颜色。 ? 按钮海拔 浮动按钮的默认海拔为2dp。 在桌面上,浮动按钮可以在悬停获得此海拔。 ?...例如,可用状态可以显示为文字,颜色icon的列表。 当用户与按钮交互,Menus会覆盖按钮并显示可能的状态。 按下某个状态会取消Menus并更新按钮以显示此新状态。...图标切换 图标适用于切换按钮,允许选择取消选择单个选项,例如向项目添加移除星标。 他们最好位于应用栏,工具栏,动作按钮切换。 图标切换可能会在其触摸目标范围外显示有界无界的墨水扩散反应波纹。

3.8K160

从零开始的Android:常见的UI设计模式

1.主画面 用户在打开应用程序时看到的第一个屏幕通常是最重要的。 从这里开始,您的用户应该能够执行快速动作并继续前进,或者进一步深入到您的应用中以完善他们想要完成的工作。...顾名思义,您以列表格式显示数据,当单击该列表中的项目,它将打开一个显示更多详细信息的新屏幕。 尽管此模式称为列表和详细信息,但没有理由也不能将相同的逻辑应用于网格设计。...浮动动作按钮 浮动操作按钮模式使开发人员可以突出显示用户在应用程序的一部分中可以执行的单个操作。...此类操作的示例包括电子邮件客户端中的撰写浮动操作按钮,音乐应用程序中的播放/暂停按钮管理事件数据的应用程序中的添加按钮。...请勿将这种模式用于次要动作任何具有破坏性的操作,因为浮动动作按钮旨在在使用时在屏幕上有很强的显示感。 3.

2.6K20

Material Design — 底部动作条(Bottom Sheets)

模态底部动作条(Modal bottom sheets) 主要用于移动设备,也可以展示其他app的深度链接的内容。 交互 只有当用户有发起的动作出现。...与悬浮动作按钮搭配能纵向移动 ? 移动端 无论是竖屏还是横屏,持久底部动作条都是完整的宽度。 平板/pc 持久底部动作条要么是完整的宽度,要么是嵌入的。...它们出现在其他UI元素之上,必须被关闭才能与底层内容交互。当一个模态底部动作条滑到屏幕上,屏幕的其余部分就会变暗,把焦点集中在动作条上。 ?...左:包含列表    右:包含网格 用法 模态底部动作条可以: ·作为MenusSimple Dialogs的替代,展示列表网格中的动作; ·当Menu没有明显的入口,显示快捷菜单; ·优先考虑所包含的元素的可见性...左:网格底部动作条    右:长列表底部动作条 ---- 行为 1、底部动作条可以通过向下滑动底部动作条来关闭; 2、通过点击一个明显的控制按钮,例如在app导航栏中的“X”,或者触摸Android系统的后退按钮

1.9K71

Trystack创建实例并通过ssh远程登录虚拟机

generous individual and corporate contributors. trystack提供一个免费的openstack环境给你尝试测试你的apps,你新建的虚拟机只会存在24小,...创建子网 点击openstack dashboard左侧的网络,在点击展开后的网络选项,点击右侧的“创建网络”按钮打开创建网络的对话框。 ?...创建路由 点击openstack dashboard左侧的网络,在点击展开后的路由选项,点击右侧的 “新建路由”按钮打开新建路由的对话框。...其他选项可以忽略,直接点击“运行”按钮,完成创建后如下图所示: ? 7. 绑定floating ip 选择虚拟机最后行的动作中的“绑定浮动ip” ?...打开绑定浮动ip的窗口,如果没有分配过浮动ip,需要点击下图的“+”号,分配一个浮动ip ? 关联成功后如下图所示,图中的红色标记既为分配到的浮动ip,可以通过这个地址远程访问虚拟机。 ? 8.

1.3K30

纯CSS实现iOS风格打开关闭选择框

label 元素不会向用户呈现任何特殊效果,标签的作用是为鼠标用户改进了可用性,当用户点击标签中的内容,浏览器就会自动将焦点转到和该标签相关联的控件上;标签在单选按钮和复选按钮上经常被使用...,使用该标签后,你点击label标签内的内容,也可以选中对应的单选按钮复选按钮。...元素不浮动,并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值。 元素怎样浮动: 元素在水平方向浮动,即元素只能左右移动而不能上下移动。...一个浮动元素会尽量向左向右移动,直到它的外边缘碰到包含框另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会受到影响。...清除浮动 - 使用 clear: 元素浮动之后,周围的元素会重新排列,为了避免这种情况,使用 clear 属性。clear 属性指定元素两侧不能出现浮动元素。

1.1K41

【Flutter】自定义滚动开关

switch是两个状态的UI组件,用于在ON(选中)OFF(未选中)状态之间切换。通常,它是带有拇指滑块的按钮,用户可以在其中来回拖拉以选择其他选项,例如“开”“关”。...当此属性无效,开关小部件会失效。 该演示视频展示了如何在颤动中创建自定义滚动开关。它显示了自定义滚动开关如何在flutter应用程序中使用lite_rolling_switch包工作。...LiteRollingSwitch有一些属性是: **onChanged:**当用户打开关闭开关,将调用此属性。 **value:此属性用于确定此开关是打开还是关闭。...*我们将添加textOn是字符串' Yes '表示当开关打开,文本将显示在按钮上;当textOff是字符串' No '意味着当开关关闭,文本将显示在按钮上。...我们将添加colorOn表示,当开关处于打开状态,颜色将显示在按钮上;当colorOff意味着当开关处于关闭状态,颜色将显示在按钮上。

33.3K60

SAO UI Plan -- SAO Utils WEB 2.0

优化显示逻辑,识别边缘调整菜单出现位置。确保主要内容完整可见。 优化显示逻辑,新增拖动动作监听。可以通过点按拖动菜单调整菜单位置。 将1级菜单最后一个按钮默认设置为退出菜单动作。 优化退出逻辑。...因为右键菜单是动态出现的,故而我用的都是绝对长度,自然也不会去考虑和窗口整体大小比例自适应的问题。 一开始是在静态页面上写的纯静态效果,依靠hover动作控制显隐属性。但是这就导致我遇到了一系列问题。...4.1 music.enable true , false true为开启点击音效,false为关闭点击音效 4.2 music.Launcher Url,音乐文件的相对路径外链 右键点击打开菜单的音效...,留空则使用默认音效 4.3 music.Click Url,音乐文件的相对路径外链 左键点击菜单选项的音效,留空则使用默认音效 4.4 music.Alert Url,音乐文件的相对路径外链 右键点击退出按钮的音效...local-search搜索按钮 打开Algolia搜索按钮 打开Tidio 跳转评论区 关闭当前窗口 功能:针对gitee镜像站和当前站点的同篇文章跳转,记得更改链接。

2K20

金三银四,那浏览器兼容你知多少?

添加声明display:block; 3)双倍浮向(双倍边距)(只有ie6出现) 描素: 当ie6及更低版本浏览器在解析浮动元素时会错误的把浮动边边距(margin)加倍显示。...描素:各浏览器中按钮大小不一致 hack1:统一大小/(用a标记模拟) hack2:input外边套一个标签,在这个标签里写按钮的样式,把input的边框去掉 hack3:如果这个按钮是一个图片,直接把图片作为按钮的背景图即可...(也会受系统影响) hack:给右边的浮动元素添加声明 8)li列表的bug (1)当父元素li有float:left;子元素a没设置浮动的情况下会出现垂直bug; hack:给父元素li和子元素a都设置浮动...(2)当li中的a转成block;并且有height 并有float的li没设置浮动出现阶梯显示 hack:同时给li加float 9)当前元素(父元素里面的第一个子元素)与父元素没有设置任何浮动的情况下...打开模态和非模态窗口;Firefox下则不能.

58230

ISE的FPGA程序加载与固化——Omapl138TMS320C6748+FPGA核心板

如无需导入工程重新编译程序,请忽略本章节内容。下面以led_flash案例为例,演示ISE工程导入与程序编译步骤。工程导入请双击桌面ISE图标打开软件。...图 31点击Finish即可完成模块文件新建,此时将在右侧出现程序编辑窗口。...图 32打开案例“led_flash\project\led_flash_6slx16\hdl\led_flash.v”文件,将所有代码复制到程序编辑界面,并点击按钮保存编辑。...图 38打开案例“led_flash\project\led_flash_6slx16\constraints\led_flash.ucf”,将引脚约束代码复制到程序编辑界面,并点击按钮保存编辑,至此已完成工程新建并移植了一个简单的...图 44在弹出的“Add Device”界面中选择程序编译生成案例bin目录下的.bit文件,并点击打开。图 45在弹出的界面中依次点击No和OK。

68920

【热点盘点】iOS 8增强的自动布局功能

使用Interface Builder打开Storyboard界面设计文件才会看到这些菜单项。 第二种:通过Interface Builder右下角的按钮来添加约束。...使用Interface Builder打开界面设计文件之后,在右下角可以看到有几个按钮。...单击第一个按钮即可弹出图中的浮动框,该浮动框与Align子菜单包含的菜单项完全一样,只是通过该按钮可以同时添加多个约束。...点击InterfaceBuilder右下角的第二个按钮打开浮动框与Pin子菜单包含的菜单项完全一样,只是可以同时添加多个约束。...对于初学者而言,使用自动布局常犯的两类错误是约束不足(约束太少)和约束冲突(约束太多),如果界面设计者给出的约束只能确定某个UI控件的大小(大小的某一项)位置(位置中的某一项),此时就会出现约束不足的情况

1.2K10

HTML常见面试题

Alt 当图片不显示,用文字代表。Title为该属性提供信息 8. 改变元素的外边距用什么属性?改变元素的内填充用什么属性?...9.在新窗口打开链接的方法是? target:_blank。 10. 合理的页面布局中常听过结构与表现分离,那么结构是什么?表现是什么? 结构是 html,表现是 css。...:checked 单选框复选框被选中。 14....为什么要初始化CSS样式 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 15. 为什么会出现浮动和什么时候需要清除浮动?...浮动带来的问题: 父元素的高度无法被撑开,影响与父元素同级的元素 与浮动元素同级的非浮动元素(内联元素)会跟随其后 若非第一个元素浮动,则该元素之前的元素也需要浮动,否则会影响页面显示的结构。

7510
领券