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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180926G1X9H400?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券