BaşlayınÜcretsiz başlayın

Kutularla tel kafes (wireframe) oluşturma

Yeni bir satır fluidRow() ile tanımlanır.

Ayrıca, içeriği düzenlemek için gövdeye box() eklenebilir. Birden fazla box() eklenebilir; her biri varsayılan olarak 6 genişliğe sahiptir ve width argümanıyla ayarlanabilir. Bir satırın maksimum genişliği 12 olduğundan, varsayılan ayarlarla bir satıra yalnızca iki box() yerleştirilebilir. Farklı boyutlarda kutular ekleyebilmek için height da ayarlanabilir.

Bu box()lar burada iki temel amaç taşır. İlk olarak, shinydashboard'undaki öğeleri düzenler; ikinci olarak da tel kafes (wireframe) oluşturmanı sağlar; böylece içeriği eklemeden önce her nesnenin yerleşimini planlayabilirsin.

Bu egzersizde boş kutularla tel kafes çalışması yapacaksın.

shiny ve shinydashboard paketleri yüklendi. Panel başlığı ve kenar çubuğu sırasıyla header ve sidebar olarak saklanıyor.

Bu egzersiz, kursun bir parçasıdır

Building Dashboards with shinydashboard

Kursa Göz Atın

Egzersiz talimatları

  • İlk satıra genişlikleri sırasıyla 2, 2 ve 8 olan üç box() ekle.
  • İkinci satıra tüm satırı dolduran ve yüksekliği 200 olan bir box() ekle.
  • Üçüncü satıra, eşit genişlikte iki boş kutu ekle ve bunları "A slider goes here" ve "Some info boxes go here" olarak etiketle.

Uygulamalı etkileşimli egzersiz

Bu egzersizi bu örnek kodu tamamlayarak deneyin.

body <- dashboardBody(
  # Add three boxes with widths 2, 2 and 8
  fluidRow(box("Some buttons go here", ___, height = 100), 
           ___("Checkboxes go here", ___, height = 50),
           ___("A chart goes here", ___, height = 150)),
  # Add one box that fills the entire row and has height 200
  fluidRow(___("Data table goes here"), ___, ___),
  # Add a third row containing two boxes with equal widths
  fluidRow(___)
)

ui <- dashboardPage(header, sidebar, body)
server <- function(input, output){}
shinyApp(ui, server)
Kodu Düzenle ve Çalıştır