首页
学习
活动
专区
圈层
工具
发布

AngularDart Material Design 扩展面板 顶

MaterialExpansionPanel Selector: 材料风格的扩展面板。 一个或多个面板在扩展面板集中组合在一起。...单击面板时,面板内容将展开。 面板由名称,值,可选的辅助文本和展开的面板内容组成。 具有属性 "value" 的内容元素将在其处于折叠状态时用作面板内容的“值” 与面板的交互是通过父扩展集完成的。...flat - 表示面板在展开时不应“浮动”或与其他面板分离。 Inputs: alwaysHideExpandIcon bool  如果为true,则永远不应显示展开图标。...disabled bool  如果为true, 则面板将保持折叠状态而无法展开,或者如果默认情况下展开,它将保持展开状态。...expandIcon String  可选图标名称,用自定义图标替换展开箭头。 hideExpandedHeader bool 如果为true,则在展开面板时隐藏显示面板名称的标题。

2.2K20

Axure高保真教程:制作书本翻页效果

材料准备制作材料包括中继器、动态面板、矩形、文本标签、三角形1.1 制作书框架我们用矩形和三角形、以及文本标签制作书的框架,三角形用于制作左右按钮,矩形用于制作页面灰色背景以及页面内容(文字上下左右居中...1.4 制作中继器我们新建一个中继器,用来包括书本的内容,no列对应页数,content列对应该页数的内容中继器分页设置我们设置每页显示项目数为2,这样每次只会加载两条这样基础的材料就准备好了,后续交互需要一些默认隐藏的文本...1,这里需要注意,这里我们要把页面内容左右两页,以及用于翻页的动态面板两个state里面的两页都设置。...2.4 翻页效果这里我们以左箭头为例展开说明,首先我们要判断当前页是否为第一页,用pageindx函数就可以获取到中继器的页码了,如果是第一页,我们就不能再往前翻页了,所以就用显示的交互,显示提示弹窗,...这样我们就完成了中继器制作翻书效果的原型模板,后续使用也很方便,只需要在中继器表格里对应页面的文字内容,预览时就可以自动生成效果。

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

    Axure高保真教程:多选树形表格

    今天作者就教大家如何在Axure中制作一个多选树形表格的原型模板。...一、效果展示点击表格左侧箭头,可以展开或者收起该行内容的子级内容点击父级行的多选按钮,可以选中或者取消选中当前行内容以及子级行内容点击子级行的多选按钮,可以选中或取消选中当前行的内容,并且根据子级选中的数量自动反选父级行...材料准备制作材料包括中继器、多选按钮、箭头形状、矩形、文本标签。1)表头表头我们用几个矩形来制作即可,表格有多少列就用多少个矩形拼接。...相反,如果箭头是向右的,那我们就要让箭头向下,并且把子级行展开,这里我们用更新行的交互,将当前行方向列的值设置为1,然后在用更新行的交互,把shangyiji列里内容为当前行内容的行找出来,更新目标行xianshi...这样我们就制作完成了多选树形表格的原型模板了,下次使用时,只需要在中继器表格里填写对应信息,预览是即可自动生成交互效果,包括树形展开或折叠,选中、全选、取消选中或全部取消、移入行高亮显示……那以上就是本期教程的全部内容

    1.1K10

    【原型设计】如何利用Axure实现下拉子菜单?

    在本次的下拉子菜单功能实现中,我们主要用到了动态面板(当然不用动态面板也能实现,只是效果和效率上没有那么好),动态面板是Axure中的一款高级组件,可以有效帮助我们实现隐藏/显示、滑动、拖动、状态切换等效果...Step 2 双击第一个动态面板,为其起个名字【模板管理】,并且增加两个状态,分别为菜单收起和菜单下拉。 ?...Step 7 在用例编辑中,选择左边的【设置面板状态】,在右边栏中勾选我们需要设置的菜单【模板管理】,然后在选择状态中选中【菜单下拉】,勾选下方的【推动/拉动元件】,保存退出。 ?...Step 8 然后把【自动调整为内容尺寸】勾选上。 ? Step 9 此时预留效果,已经能将第一个菜单的子菜单通过鼠标点击的方式进行展开了。 ?...Step 12 截止目前的配置,已经完成了第一个菜单的下拉效果了:鼠标点击【模板管理菜单】会把子菜单展开,鼠标移出时,子菜单则自动收回。 ?

    6.1K20

    OLED关键材料FMM实现国产化!

    1月30日消息,近年来,随着京东方、TCL华星等众多国产显示面板厂商的迅速崛起,国产LCD的出货量已经拿下了全球超过67%的LCD面板市场份额,但在OLED面板市场,国产面板厂仍在奋起直追,特别是在制造...有机发光材料是 OLED 面板的关键核 心材料,直接决定了面板的发光特性,在成本中占比 23%,同时也是技术壁垒最高的领域之一。...终端材料即为升华后材料,可以直接蒸镀到基板上用于 OLED 面板的生产。 前端材料纯度相对较低,其技术壁垒相对较低。...它是“带有小且密集孔的薄金属掩模板”,它的作用是使发光有机材料沉积穿过掩模并沉积在基板上的所需位置上(小孔越密集,生成的像素点越小,分辨率越高),是用来解决蒸镀有机材料RGB三基色的像素阵列涂布,也是目前唯一实现量产的彩色化技术方案...比如,京东方的B12和三星显示的A4E,都是基于精细金属掩模板(FMM)工艺的OLED工厂。

    66140

    使用自定义模板为Myeclipse添加新建Filter的功能

    这篇文章上次修改于 300 天前,可能其部分内容已经发生变化,如有疑问可询问作者。...第一步:单击windowpreference菜单项,在打开的窗口中,依次展开Java、Editor、Templates列表项,然后在打开的Templates面板中,单击【New】按钮 使用这个模板非常简单...,只要要新建一个class,然后将里面的内容全部删除,接着在其中输入“filter”,就会显示提示信息。...过滤器filter模板 package ${enclosing_package}; import java.io.IOException; import javax.servlet.FilterChain...单击windowpreference菜单项,在 打开的窗口中,依次展开MyEclipse、XML、XML Templates列表项,然后在打开的Templates面板中,单击【New】按钮。

    99410

    AJAX之四 Ajax控件工具集

    一个面板可以分为标题和内容两部分,如图4-2所示。 . ​...属性 描述 SelectedIndex 默认选择的面板索引 HeaderCssClass 整个菜单的标题样式 ContentCssClass 菜单的内容样式 AutoSize 内容的显示方式,主要有None...HeaderTemplate 标题模板 ContentTemplate 内容模板 ​4.1.2 Accordion控件的使用​ Accordion控件用来实现菜单效果的方法,一般分为如下两种。...Header模板用来显示面板的标题部分,Content模板用来加载面板的内容部分。 ​2.Accordion动态菜单​ 前面我们实现了静态菜单,在实际应用中是不能满足需要的。...n ContentTemplate:选项卡的内容模板,和DataList控件的模板类似,可以放置任 何控件和内容。 ​

    1.4K10

    【愚公系列】2023年10月 WPF控件专题 Expander控件详解

    Content:要显示或隐藏的内容,可以是一个控件或多个控件。HeaderTemplate:一个数据模板,用于显示Expander的标题。...Template:一个控件模板,用于自定义Expander的外观和行为。Collapsed:当Expander折叠时发生的事件。Expanded:当Expander展开时发生的事件。...当用户单击菜单项时,可以展开子菜单,然后再次点击相同的菜单项可以将其收起。切换多个选项卡内容:在TabControl控件中,可以使用Expander控件来切换多个选项卡的内容。...例如,展开一个选项卡的Expander控件时,可以关闭其他选项卡的Expander控件,以便有更多的空间去显示当前选项卡的内容。窗口内的面板控制:Expander控件可以用来控制窗口中的面板。...例如,可以设置一个Expander控件来切换窗口左侧的面板。当Expander控件折叠时,面板将关闭;折叠后,面板将呈现。

    1.7K31

    现在的桥都会做仰卧起坐了!中国首座3D打印桥亮相上海

    △图源BLUA建筑事务所 每当行人通过时,它就一个仰卧起坐展开桥面: ? 能同时承载20人,自身却只有850公斤重,不到普通石桥万分之一的重量。 ?...△桥轴侧图、立面图、剖面图 9张可伸缩面板构成桥身,36张三角形面板构成桥侧扶手,17张四边形面板则组成桥的正反两面。 那么“万年轮”到底为什么能反复仰卧起坐呢?...因为这座桥的打印材料是一种由聚碳酸酯与玻璃纤维混合而成的PC复合材料: ? 聚碳酸酯的比重轻于钢铁,但抗压性却不弱,而玻璃纤维又具有优秀的抗拉性。...聚碳酸酯同时也是环保材料,即使是多年磨损之后也能回收再造,不会污染环境。 而打印设备也不一般—— 采用的我国自主研发的龙门式增减材6轴混合制造一体机: ?...桥的开启状态可通过手机蓝牙控制,按下按钮,只要一分钟,就能看到桥身在你面前徐徐展开。 设计灵感来源于国画大师 这座桥的设计团队来自BLUA建筑事务所的朱回然,陈海标两位建筑工程师。

    41540

    主数据管理平台解决方案和建设重点

    作者:人月聊IT,B站,头条和知乎同名 今天准备下主数据管理的整体解决方案,对于主数据这块我准备分享两次文章,这次的内容分享来源于比较早期的一个PPT解决方案材料,重点是业务解决方案+技术解决方案。...其次,对于这个解决方案材料,大家也可以作为PPT解决方案的一个参考模板,整个PPT完全符合我经常说的金字塔逻辑结构,层层展开,形成一个完整的逻辑框架。...我举例来说,比如你看到后面有一页讲到服务集成功能,那么这个功能来源于整体功能架构展开,同时整体功能架构又来源于技术解决方案,技术解决方案又属于我们整体解决方案的一个部分。...而整体解决方案本身就是我们最前面谈到的主数据建设方法论展开。

    11100

    独立开发者必备的29个开源React后台管理模板

    Fuse React是一个完整的React管理模板,遵循谷歌的材料设计指南。 Fuse React管理模板使用Material UI作为主要UI库,同时使用Redux进行状态管理。...Webmin Webmin React JS管理仪表板模板是一个功能强大的轻量级react js webapp模板,用于后端管理面板。...17.Jumbo React Jumbo React是一个基于材料设计概念的完整React管理模板,可帮助您更快、更经济高效地构建React应用程序。...18.Akavo - React + HTML + Dark Admin Template Akavo是一个基于React组件和材料UI框架的现代仪表板模板。...该代码非常干净,可以轻松定制,并且可以轻松转换为构建任何类型的Web应用程序,包括自定义管理面板、分析仪表板、电子商务后端、CMS、CRM或任何SASS面板。

    10.4K10

    俄罗斯著名商业CMS DataLife Engine v16.0

    源码简介 DataLife Engine 是一个多功能的内容管理系统。...定制设计的灵活性和易于定制和集成让您可以学习和了解模板的结构并尽快部署自己的网站,而无需任何额外的材料成本。...DataLife Engine 具有以下特点: 一般特征: – 使用 MySQL 存储数据 – 最小的数据库负载 – 使用 AJAX 先进技术 – 显示新闻、文章和您想要的任何内容 – 支持用户友好的...或 WYSIWYG) – 使用防病毒软件扫描文件状态以寻找黑客攻击的可能性 – 编辑用户 – 使用表情符号和 HTML 代码 – 创建具有不同访问权限微调的用户组 – 禁止用户 – 使用工具直接在管理面板中创建和编辑模板...无论日期如何,始终处于领先地位) – 禁用访客注册 – 在图像上叠加水印 – 为每篇新闻文章上传图片(删除新闻时,图片也会被删除) – 使用方便的上传图片管理器 – 按 IP 地址搜索用户 – 方便的广告材料管理

    1.3K20

    Axure高保真教程:鼠标滚动上下翻页效果

    这种效果通常应用于多图片、或长页面分页浏览的情况,使得用户可以方便地快速浏览内容,提高用户的交互体验。...材料准备 这个模板我们主要用到中继器、图片元件、文本标签、矩形来制作。...这样就多了一个外面板,外面板选择不显示滚动条,宽高和图片设置为一样,放在图片动态面板上方。...这样我们就制作完成了鼠标滚动上下翻页效果的原型模板了,下次使用时,只需要在动态面板里修改页面信息,替换图片,如果需要增加文字或者其他内容的话,也可以在动态面板对应状态里添加,添加完成后预览时就会自动生成效果了...那以上就是本期教程的全部内容,感兴趣的同学们可以动手试试哦,感谢您的阅读,我们下期见。

    1.3K10

    UE5--物体卡片与材质入门

    最终效果演示 我的目的就是需要制作卡片并且拜访在场景中,作为厨房的食物材料。...要点:可以在内容浏览器中创建文件夹。当需要一些图片素材的时候,可以直接将素材图片.jpg拖到文件夹中,导入保存。 好啦,卡片和素材都准备好啦,现在开始制作食材和工具了!...那么能不能出现一个材质模板,让所有材质都基于这个模板,简化材质创建的步骤,直接在模板上,改变材质采样即可呢,那就创建出材质模板。...,选择参数(Parameter)面板,给参数随便带上一个默认参数。...创建好材质实例后,双击点开进入材质实例编辑器: ①在右侧的细节面板中,找到Parent(意为父材质),点击下拉框,搜索刚刚创建出来父材质,即材质模板"MatItemCard",选择。

    84740

    WordPress 6.1 正式版已发布,最全新功能图文介绍

    摘要面板下的永久链接和模板选项 改进的信息面板 站点图标将替换 WordPress 徽标 新的首选项 在站点编辑器中创建更多模板 快速搜索和使用模板部分 在站点编辑器中快速清除自定义 其他内核改进 WordPress...状态和可见性面板现在称为摘要 发布设置下的状态和可见性面板将重命名为摘要。 摘要面板下的永久链接和模板选项 固定链接和模板选项在帖子设置下有自己的面板。...在 WordPress 6.1 中,这些面板合并在摘要面板下。 只需单击以展开“摘要”面板,您将找到更改“URL”(永久链接)并选择模板的选项。...改进的信息面板 在 WordPress 6.1 中,信息弹窗还会显示读取信息的时间。...任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

    6.5K30

    prism作图软件下载安装,生物医学研究绘图prism软件功能介绍

    下面我将以一个材料物理实验为例,为大家介绍Prism软件的独特功能和使用方法。...实验背景假设我们需要研究某种合金材料的晶体结构和物理特性,通过实验测量获得了一组材料在不同温度下的X射线衍射强度数据,如下表所示:温度/℃强度2548.55044.67540.710036.812532.915029.0...例如,在本次实验中,我们可以利用Prism提供的自定义模板功能,制定一个温度-强度分析模板,以便更好地了解材料在不同温度下的X射线衍射强度变化趋势。...点击“文件”菜单中的“另存为”,另存为自定义模板,以便后续使用。使用自定义模板,我们可以非常快速地生成符合自己需求的温度-强度折线图,从而更好地了解材料在不同温度下的性质和变化趋势。...选择“工具”菜单,点击“批量分析”按钮,打开批量分析面板,并添加需要处理的所有数据文件,选择合适的数据处理方法和参数,进行数据分析和处理。

    64110

    OneCode3.0 自治Ui Tabs 组件技术深度解析

    3.2 面板管理与懒加载策略 Tabs 组件的面板管理系统解决了 "内容过多导致初始加载缓慢" 的核心痛点,通过精细化的加载策略实现性能优化: 面板生命周期管理: // 面板操作核心方法 addPanel...初始加载仅渲染标签,不加载面板内容 未激活面板不执行 JavaScript,减少内存占用 面板内容按需加载,降低初始渲染时间 错误处理: 加载失败状态标记与视觉反馈 支持重新加载机制 避免单个面板加载失败影响整体组件...", "xui.UI.Tabs", { Static: { Templates: { // 三段式模板:头部/内容/尾部 ITEM...TAIL:底部操作区,可放置按钮 交互特性: 点击头部切换折叠状态 平滑的高度过渡动画 箭头方向随状态变化 扩展能力: 支持默认展开项配置 可限制同时展开的项数 支持嵌套使用,展示多层级内容 在某医疗系统的患者详情页面中...案例 2:智能制造的设备监控面板 某汽车工厂的设备监控系统使用 FoldingTabs 组件: 按生产线分组展示设备状态 点击展开查看详细参数 异常状态标签高亮显示 支持批量操作同组设备 技术亮点: 自定义头部样式

    17810

    如何做有说服力的PPT ——从胡乱堆积到有理有据

    当你接到一个PPT任务,会不会出现这样的场景,懵逼、迷茫、心烦、焦躁,随便找个模板,复制WORD、EXCEL材料到每一页,想到哪写到哪,写了1稿、2稿…N稿就是没定稿。...方法2:“金字塔” 内容展开采用万能的总分总结构:推荐大家学习一下《金字塔原理》结论。...·(基本的事实,数据,材料) 方法三:“天堂阶梯” 采用引人入胜,巧用递进式结构,让听众跟你一起思考,令PPT内容环环相扣,层层递进,不断深化,富于逻辑效果,适应读者接受习惯。...典型的递进阶梯有:1)因果递进:是什么 – 为什么 – 怎么做;2)逻辑递进:把逻辑讲解的越来越深度,越来越透彻;3)时间递进:时间轴展开的叙述逻辑。...,可以参考如下的几个方式组合: 第一式:内容并列         1、在展开分论前,可以用并列形式将各论点进行展示;         2、叙述某个事物的特性、特点时,在提炼要点后用并列方式进行清晰的描述

    2.1K11

    彩电业入“大周期” 三星等品牌为何力推高端大屏

    一、全球液晶面板进入涨价周期 2016年下半年以来,受供给、需求、投资等多重变化,全球液晶面板全面涨价。...这一方面是面板供给持续紧张,比如,三星宣布将关闭占全球大尺寸面板产能4%的G7生产线,并转产中小尺寸OLED产品、令面板价格报复性反弹40%;另一方面,彩电大尺寸化增加了对面板供给的消耗,数据显示2016...年以来彩电总体销售尺寸增长了1.8英寸,相当于1-2条8代线的产能;再加上原材料、大宗材料、人工成本等持续上涨,线路板、塑胶硅胶等涨幅超10%,企业生产成本上涨,这样的结果是:11月份以来,43英寸、55...当面板等上游原材料发生价格变动后,其下游成本随之增加,再加上补贴投入有限,这些企业面临着空前的资金压力。...而在国内,三星电视与三大中央级媒体播出机构之一的中国网络电视台旗下iCNTV、娱乐教育资源丰富的芒果TV展开合作,还通过华数TV包括独家“求索”纪录片资源在内的超过百万小时的视频内容库来主打客厅教育市场

    43910
    领券