The Application Window

BootStrapStudio这款软件的界面分为三个部分，最左边的面板是各种组件（Component），中间是Overview面板。

可以从Component面板中拖动中各种组件放到OverView面板中。

Selecting Components

在OverView面板中，点击一个组件后，会出现Select Components，如下：

出现这个窗口后，就可以对这个这个组件进行移动、编辑、设置text、复制。但并不是所有的组件都有这些属性的，比如image就没有text编辑。

当选中这个组件后，BootStarpStudio最右边的Settings面板就会更新，这个面板可用于修改组建的样式，可以通过设置几个属性，创建一个动画的效果。如下：

在上面这个Settings面板中有3个tab页，Look and Feel、Options、Animations。这个面板只有些简单的设计和一些简单的行为，如果要复杂的功能就要写CSS（Help > Tutorials and Guides menu for more）。

需要注意的地方，如下面这个dropdown：

这个是个下拉框，如果要选中Dropdown这个选项，可以选中那个向上的图标如：

就会选中Settings中的options面板：

Editing Text

只要双击需要修改的元素，或者点击。

提示：当选中这个元素后可以按下Enter键，就可以开始修改text了。

Drag And Drop

当一个元素被选中，可以通过

这个区拖动。

注意，html和body标签是被锁住的，所以没办法移动。可以通过Overview面板来识别。

Components

在做左边提供了很多标准的组件库。

并且还能创建自己的组件，会在User中显示，具体可以在Help->Tutorials and Guides > Custom Components tutorial。中查看。Online里面是整个社区各个大佬共享的组件。

Open and Saving

使用BootStrapStudio保存的工程文件名为.bsdesing后缀。

BootStrapStudio文档阅读笔记-Getting Started Guide解析相关推荐

Leaflet文档阅读笔记-Quick Start Guide笔记
目录网络加载JS和CSS 初始化地图在地图上做标记在地图上点击事件获得坐标个人对这篇文档的体会网络加载JS和CSS 先要加载css,然后在加载js <link rel="st ...
Qt文档阅读笔记-void QObject::deleteLater()解析
[slot] void QObject::deleteLater() 这个对象的进行计划删除. 当对这个对象的操作结束回到事件循环时,这个对象将会被删除. 如果这个函数不在事件循环中调用,一旦事件循环 ...
Qt文档阅读笔记-Broadcast Sender Example解析
此例子展示了使用Qt Network API发送广播包程序结构如下: 代码如下: sender.h #ifndef SENDER_H #define SENDER_H#include <QWi ...
Qt文档阅读笔记-Broadcast Receiver Example解析
这篇博文的例子是说明如何在局域网上搭建广播包接收端. 这里使用了Qt Network API,搭建本地广播包接收端. 结构如下: 代码如下: receiver.h #ifndef RECEIVER_H ...
Spring Boot文档阅读笔记-exception handling–@ExceptionHandler解析与实例
程序结构如下: 源码如下: CustomExceptionHandler.java package com.example.demo.controller;import com.example.dem ...
Spring Boot文档阅读笔记-Spring Boot @Bean解析
利用SpringBoot的@Bean创建一个简单的Bean. Spring的@Bean注解是放在方法上的,带上这个注解的方法会被Spring容器管理.并且这个方法要返回一个值(对象),这个值和对象会被 ...
Qt文档阅读笔记-Object Model初步解析
对象模型标准C++对象模型提供了对象范式在运行时的高效性.但是他的一些静态性质在某些领域是不灵活的.在GUI程序中不仅要运行时的高效还需要较高的灵活性.Qt对象模型不急结合了C++运行时的高效并且还 ...
Spring Boot文档阅读笔记-Creating Asynchronous Methods解析
创建一个GitHub用户信息查找服务,这个服务是通过GitHub的API获取数据的. 接口是http的,如下: 这里创建一个model去接收对象: @Data @JsonIgnorePropertie ...
Redis文档阅读笔记-Pub/Sub官方解析
Pub/Sub 这里有这3个关键字SUBSCRIBE,UNSUBSCRIBE.PUBLISH 发布者将消息发送到订阅者.不管有没有订阅者,发布者都将消息发送到通道中,订阅者可以订阅一个或多个通道,也就 ...

BootStrapStudio文档阅读笔记-Getting Started Guide解析