系统软件 应用软件 图形软件 行业软件 安全相关 网络软件 聊天软件 影音软件 教育教学 驱动工具 编程开发 插件下载 源码下载 APP电脑版 其他类别

Materialize官方版

v1.0.0

Materialize官方版

  • 软件大小:0.15 MB
  • 软件语言:简体中文
  • 软件授权:共享软件
  • 软件类型:编程开发
  • 软件平台:WinAll
  • 更新时间:2022-01-27 15:11
  • 星级评分:4级
  • 软件官网:https://www.downza.com/
好评:50%顶一个
坏评:50踩一个

Materialize简介

Matealize是基于Mateal Design的现代响应式前端框架,可以帮助用户在软件中快速设计前端内容。可以在软件中设计CSS样式,可以设计UI界面的布局内容。使用软件提供的组件,您可以开始布局页面样式,支持图形设置、按钮设置、菜单设置、页脚设置、图标设置和导航栏设置。支持广播设置、寻呼设置、表单设置和媒体功能设置。仍然提供了许多页面设计组件。用户可以通过组件快速完成样式设计,从而在设计新的web应用时设计新的网页,快速搭建页面效果!

Matealize软件功能

1.颜色函数

基于材料设计原色的调色板。这些颜色中的每一种都由基本颜色类别和可选的增亮或变暗类别定义。

2.格子

我们使用的是标准的12柱流体响应网格系统。网格可以帮助你以有序和简单的方式布局页面。

3.图像

您可以使用Matealize以不同的方式设置图像的样式。

4.电影

我们为嵌入式系统提供了一个容器,可以根据需要调整大小。

5.响应嵌入

为了使您的嵌入式响应,只需用包含div的类包装它们,这些类可以是视频容器。

6.桌子

表格是组织大量数据的好方法。我们提供了一些实用程序类来帮助您尽可能轻松地设置表格的样式。此外,为了提高移动体验,移动屏幕宽度上的所有表格都会自动居中。

7.布局标题

我们在标题标签上提供了一些基本样式。在示例中,您可以看到六个标题标签大小不同。

8.块引用

分块引号主要用于强调引号或引语。您也可以将它们用于其他文本层次和重点。

9.CSS转换

我们做了一些自定义动画类,只会通过CSS转换你的内容。每个CSS转换包含一个应用必要样式的基类和一些控制转换状态的附加类。

10、自动初始化

自动初始化允许您通过函数调用初始化所有Matealize组件。请务必注意,您不能使用此方法传递选项。

Matealize软件特色

1.加快发展

我们已经为您提供了大部分繁重的工作,以提供包含自定义组件的默认样式。此外,我们优化了动画和过渡效果,为开发者提供了更流畅的体验。组

2.注重用户体验

通过使用Mateal Design的元素和原理,我们可以创建一个结合组件和动画的框架,为用户提供更多的反馈。此外,跨所有平台的单一基础响应系统可以提供更统一的用户体验。设置

3.使用方便

我们提供详细的文档和具体的代码示例来帮助新用户入门。我们也随时欢迎您的反馈,并可以回答用户关于Matealise的任何问题。

Matealize教程

材料设计中描述了三种主要的按钮类型。凸起按钮是一个标准按钮,它指示一个操作,并试图使平面页面更深。浮动圆形动作按钮用于非常重要的功能。平面按钮通常用于已经有深度的元素,如卡片或模式。

漂流

浮动操作按钮

如果需要一个固定的浮动按钮,可以添加多个悬停时显示的按钮。我们的演示文稿位于页面的右下角。

初始化

选择权

方法

由于jQuery不再是依赖项,所有方法都在插件实例上调用。您可以获得如下插件实例:

水平晶圆厂

创建一个横向FAB很容易!只需设置方向选项。

仅点击FAB

如果你想禁用悬停行为,但当用户点击大按钮时切换FAB菜单(它在移动设备上运行良好!),只需将点击切换类添加到FAB中。

FAB到工具栏

除了显示单个按钮选项,您还可以在单击时将FAB转换为工具栏。只需将工具栏类添加到FAB中。

导航栏

导航栏完全包含在HTML5导航标签中。在推荐的容器div中,导航栏有两个主要部分。徽标或品牌链接,以及导航链接。您可以将这些链接向左或向右对齐。

右对齐链接

要正确对齐导航栏链接,只需向包含它们的类中添加一个类。

左对齐链接

要将导航栏链接向左对齐,只需向其添加一个左类。

标志中心

徽标将显示在中间和下方屏幕的中央,但是如果您希望徽标始终居中,请将中心类添加到。如果您使用此链接,您必须确保链接没有重叠。a类= & # 8221;品牌标志& # 8221;& gt

活动项目

将活动类添加到您的li标签中,以表示当前页面。

带标签的扩展导航栏

要将扩展组件添加到导航栏,请将导航扩展类添加到外部导航标签。这将使您的导航栏高度可变。,您可以在nav包装器中包含一个选项卡组件。

固定导航栏

要修复导航栏,必须向类添加外部包装div navbar-fixed。修复导航时,这将取消您的其他内容。您可以调整此外部div的高度来更改内容的偏移量。

导航栏下拉菜单

要添加导航栏下拉菜单,请将ul下拉结构添加到页面。,添加一个元素来触发下拉菜单。确保将下拉结构的标识提供给数据目标下拉触发器的属。

要激活下拉菜单,请将下面一行代码插入到您的JavaScpt文件的块中。

单击触发器下拉菜单。

默认情况下,可以通过将鼠标悬停在下拉触发器上来激活下拉菜单。要在单击时激活下拉菜单,请将其传递给上述函数{hover: false }dpdown()

图标链接

您可以向链接添加图标。对于仅图标链接,您不需要任何其他类。只要弹出我的标签,你就可以使用它。

要向文本链接添加图标,需要根据图标的位置向图标添加一个ft或ghtclass。

您可以向链接添加按钮。对于按钮,您不需要任何其他类。只是。btn在A选项卡上弹出课程。

在导航栏中展开中途工厂

将中途FAB添加到扩展导航栏。

收起介绍展开介绍
  • 安卓合集
  • 软件合集
  • 浏览器
  • 电脑管家
  • 安卓游戏
更多 >> 安卓合集安卓合计

热门推荐

装机必备软件