shiny入門課【2.ユーザーインタフェースの作成】
998 ワード
レイアウト
shinyは一般的にfluidPageを使用して適応レイアウトを作成します.
titlePanelとsidebarLayoutはfluidPageの中で非常に重要な2つの構成部分であり、サイドバー付きのホームページを作成するために使用されます.
SidebarLayoutは2つのパラメータを受信します. sidebarPanel mainPanelサイドバーは一般的に左側に表示されますが、position=「right」で右側に表示するように設定することもできます.
titlePanelとsidebarLayoutは最も基本的なレイアウトを作成しましたが、navbarPageを使用してナビゲーションバーを含む複数ページのレイアウトを作成したり、fluidRowとcolumnを使用してグリッドレイアウトを作成したりするなど、より高度なレイアウトを作成することもできます.
HTMLコンテンツ
*Panel関数にHTMLコンテンツを追加できます.shinyは多くのHTMLラベル関数を提供しています. p h1 h2 h3 a br div spanなど.
headers
shinyはh 1-h 5などの5つのheader関数を提供し、align='center'パラメータで位置合わせを指定します.
テキストの書式設定
shinyはp,br,strongなど多くのラベル関数を提供している.
画像
shinyは、img関数を介して画像を挿入することもサポートします.
画像ファイルはwwwディレクトリの下にある必要があります.通常、スタイルファイル、画像はこのディレクトリに配置されます.
shinyは一般的にfluidPageを使用して適応レイアウトを作成します.
ui
titlePanelとsidebarLayoutはfluidPageの中で非常に重要な2つの構成部分であり、サイドバー付きのホームページを作成するために使用されます.
SidebarLayoutは2つのパラメータを受信します.
titlePanelとsidebarLayoutは最も基本的なレイアウトを作成しましたが、navbarPageを使用してナビゲーションバーを含む複数ページのレイアウトを作成したり、fluidRowとcolumnを使用してグリッドレイアウトを作成したりするなど、より高度なレイアウトを作成することもできます.
HTMLコンテンツ
*Panel関数にHTMLコンテンツを追加できます.shinyは多くのHTMLラベル関数を提供しています.
headers
shinyはh 1-h 5などの5つのheader関数を提供し、align='center'パラメータで位置合わせを指定します.
テキストの書式設定
shinyはp,br,strongなど多くのラベル関数を提供している.
画像
shinyは、img関数を介して画像を挿入することもサポートします.
img(src = "my_image.png", height = 72, width = 72)
画像ファイルはwwwディレクトリの下にある必要があります.通常、スタイルファイル、画像はこのディレクトリに配置されます.