shiny入门课【2.创建用户界面】

布局

shiny一般使用fluidPage来创建自适应布局。

ui <- fluidPage(
  titlePanel("title panel"),

  sidebarLayout(
    sidebarPanel("sidebar panel"),
    mainPanel("main panel")
  )
)

titlePanel 和 sidebarLayout 是fluidPage中非常重要的两个组成部分, 他们用于创建带侧边栏的主页。

sidebarLayout 接收两个参数:

  • sidebarPanel
  • mainPanel 侧边栏一般出现在左侧,不过也可以通过position = "right"将其设置为展示在右侧。

titlePanel和sidebarLayout创建了一个最基本的布局,但是我们也可以创建更高级的布局,比方使用navbarPage创建一个包括导航栏的多页布局,或者使用fluidRow 和column来创建网格布局。

HTML 内容

我们可以在*Panel函数中添加HTML内容,shiny提供了很多HTML标签函数。

  • p
  • h1
  • h2
  • h3
  • a
  • br
  • div
  • span 等等。

headers

shiny提供了h1-h5等五个header函数,通过align='center'参数指定对齐方式。

格式化文本

shiny提供了很多标签函数,例如p, br, strong等等。

图片

shiny也支持插入图片,通过img函数。

img(src = "my_image.png", height = 72, width = 72)

注意图片文件必须位于www目录下面,通常我们将样式文件,图片都放在这个目录。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端导学

关于拖拽功能在IE11 、Firefox和Safari中不兼容的问题

1是event的path属性引起的bug(ie,firebox,safari) 2是event的dataTransfer.setData属性(ie,fireb...

21930
来自专栏悠扬前奏的博客

Nginx

27540
来自专栏前端导学

Angular动态创建元素的一些坑

或者直接对对象的onclick属性 绑定方法 ,此种做法可以使用父级this上的方法

23720
来自专栏维C果糖

关于 MySQL 慢日志,你想知道的都在这

MySQL 的慢查询日志是 MySQL 提供的一种日志记录,它用来记录在 MySQL 中响应时间超过阀值的语句,具体指运行时间超过long_query_time...

11440
来自专栏算法channel

Python 69个内置函数分类总结

Python3解释器中内置了69个常用函数,属于底层的函数,它们到处可用。有些对大家来说比较熟悉,比如abs(), max(), sum()... 也有一些比较...

24110
来自专栏迹_Jason的AppZone

Asciidoctor Maven插件使用

在项目应用中,我们会写很多文档去传递我们的设计思想、开发经验、采坑经历等等。使用Asciidoc的格式对非技术人员就不是那么的友好,或者说传递性、通用性与PDF...

15130
来自专栏小白如何建站

PageAdmin模板约定的文件和目录说明

每个模板目录下的.cshtml文件必须放在Views目录下,这个是模板制作的约定规则。

13310
来自专栏前端导学

ionic4初级教程-含登录、访问权限验证功能

如果第一次安装的时候失败,没关系 删掉已经生成的ioinc4Learn文件包,重新运行命令

98920
来自专栏鸿的学习笔记

换个视角看SQL Join

本文主要讨论Streaming Join。在Stream & Table Theory的基础上,我们给Classic SQL引入了时间维度,并提出了Time-V...

10530
来自专栏计算机图形学 前端可视化 WebGL

nodejs的路径问题

最近公司的一个开发项目,后端用的是nodejs。这两天需要打包给客户演示,就让公司一个小伙把之前3D机房的打包工具移植过来。打包之后,发现原本在开发环境下的跑的...

25230

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励