前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >shiny入门课【2.创建用户界面】

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

作者头像
用户2936342
发布2019-06-17 13:38:58
7920
发布2019-06-17 13:38:58
举报
文章被收录于专栏:nummy

布局

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

代码语言:javascript
复制
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函数。

代码语言:javascript
复制
img(src = "my_image.png", height = 72, width = 72)

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.06.16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 布局
  • HTML 内容
  • headers
  • 格式化文本
  • 图片
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档