R shiny教程-2：布局用户界面

Posted 2023-03-09

参考技术A

在前面 一个 Shiny app的基本组成部分 解释了构建一个shiny app的两个部分以及如何运行。

因此，最简单的shiny app如下：

运行之后，生成的是一个空白的网页。

使用fluidPage在ui.R种创建一个界面，有标题栏和工具栏。工具栏包含一个侧栏面板和一个主面板。

titlePanel 和 sidebarLayout 是fluidPage种最常用的元素。

sidebarLayout 中最常用的功能：

这两个功能可以放置用户自定义内容到侧边栏和主界面。
侧边栏默认出现在左边，但是也可以设置到右边（sidebarLayout设置参数position = "right"）。

上面创建了一个基本Shiny app，也可以通过其他函数添加自定义内容。navbarPage 可以设置导航栏添加多个多个交互界面。或者，可以使用fluidRow和column从grid系统构建布局。了解Shiny app各种布局，查看文章 Shiny Application Layout Guide 。

通过向*Panel中添加内容来丰富Shiny app。在，上面的例子中，使用sidebarPanel()函数向侧边栏添加标题， mainPanel向主界面添加了标题。

添加文本内容时，使用HTML 标签也是很方便和强大的。了解过HTML 的人都明白HTML 标签的作用与用法。

创建一个标题，如下：

各级标题都可以实现，h1()到h5()

然后，将创建的标题传递给Shiny app：h1("My title")作为参数传递给 titlePanel , sidebarPanel , 或 mainPanel 。

文本对齐方式也可以设置。例如，居中，h6("Episode IV", align = "center")；HTML的所有标签都可以作为一个参数传递给Shiny的函数。

Shiny提供了许多标签(tag function)用于格式化文本。

图片可以增强应用程序的外观，帮助用户理解内容。img函数在应用程序中放置图片。

注：img会在特定位置寻找存放的图片。在Shiny app目录下一个名为www的文件夹，这个目录就是放置ui.R, server.R的位置。Shiny以一种特殊的方式处理www文件夹，Shiny会共享这个www下的文件给web使用的用户；所以，www文件夹一般存放图片、样式表和其他的应用程序的web组件

更多的tag functions可以参考：

Shiny written-tutorial lesson2
Shiny Widgets Gallery

系列文章：
R shiny教程-1：一个 Shiny app的基本组成部分
R shiny教程-2：布局用户界面
Shiny Server安装