R包shiny开发网页-6.shinydashboard自定义

今天是生信星球陪你的第139天

你想找辆共享单车，发现满街都是别家车，没有一辆你能骑。

你想学点生信，搜了“初学者教程”，满眼尽是高大上，没有一句能看懂。

终于你跨越茫茫宇宙，来到生信星球，发现了初学者的新大陆！

小洁写于2018.9.26 想了想同一个系列超过十篇估计就没人看了。所以忍痛把三篇合成了一篇，想想就肉疼呀，今天文章就比较长了，需要用电脑打开跟着练习，如果用手机的话，洗洗睡吧。豆豆蛰伏几天后复出，连续更新四五天，把我的档期全吃掉了。记仇中...我没偷懒啊我学shiny呢！

今天有一件坏事，宿舍加了张小床放衣服，被宿管查到了。还有一件好事，惊闻老板要结婚。第一时间发贺电

今天公众号又乱改版了，原来正好的图，现在要截掉一块才能用了，看封面，小姑凉的一只鞋没了。

本文包括侧边栏、正文部分的box和页面的美化。

Part1 侧边栏sidebar

1.1.菜单栏与选项卡模版

1.2.侧边栏输入

（1）搜索框

（2）再加上滑动输入和文本输入

（3）停用侧边栏

Part2 正文-body

参考学习：http://rstudio.github.io/shinydashboard/structure.html#boxes

2.1.基本框

shinydashboard基本构建块是box。box()可以创建基本框，框里的内容可以是大多数的UI控件。

在同一行放两个box：一个文本输入框，一个滑块

2.2.设置标题(title)和标题栏（header bar）颜色(status)

在这里status = "primary"显示了蓝色，status = "warning"显示了橙黄色

2.3.实体标题栏、可折叠box

可以设置这种格式，可以设置box可折叠。

2.4.带背景色的box

2.5.标签box

2.6.infobox

一种特殊的box，用于显示简单的数字或文本值，带有图标。

第一行是无填充的，第二行是有填充。

2.7.valueBox

和info的区别好像是图标嵌入？

Part3 外观美化

本部分包括调节皮肤、box颜色、图标、标题和侧边栏加宽的代码。

整理自：https://rstudio.github.io/shinydashboard/appearance.html#logout-panel

3.1.皮肤：skin

指定主题颜色，主要是标题栏的颜色

默认是：dashboardPage(skin = "blue")

还有“blue”, “black”, “purple”, “green”, “red”, “yellow”可选，好玩的是，选black标题栏就变成白色了。

白色丑哭了

绿色蛮顺眼

3.2.box颜色：status或color

status

color

3.3.图标

图标来自Font-Awesome和Glyphicons。所有可用图标列表：

http://fontawesome.io/icons/

http://getbootstrap.com/components/#glyphicons/

使用的命令

以上两行代码分别是这两个网站对应的图标使用方法。

举例：

3.4.给侧边栏和标题栏加宽

简书-小洁忘了怎么分身，同步更新花花的文章。

简书-刘小泽，同步更新豆豆的文章。

隔壁生信技能树公益视频合辑（学习顺序是linux，r，软件安装，geo，小技巧，ngs组学！）

国内看B站，教学视频链接：https://m.bilibili.com/space/338686099

国外看YouTube，教学视频链接：https://m.youtube.com/channel/UC67sImqK7V8tSWHMG8azIVA/playlists