添加图像到闪亮的应用程序

Question

我希望以非常特别的方式将图像嵌入到闪亮的应用中。

我的应用程序只包含一个sidebarPanel，我希望它位于图像的中心（想象就像日本国旗，我的应用程序是红色圆圈，图像是白色区域）。

可以实现这样的目标吗？ 我相信在4中砍掉图像并添加带有碎片的矩阵是一种选择，但我不确定它是否可以完成。

谢谢， 迭

Answer 1

最简单的方法我看到它是使用fluidRow和column来添加列，然后是第一个中的另一个fluidRow和列，这是你的侧边栏所在的位置。所以，像这样：

fluidRow(
    column( width = 4, 
        fluidRow(
            column( width = 12, 
                ### YOUR CONTENT/INPUTS HERE ###
            )
        )
    )
)

宽度为4的第一列基本上创建了一个列为屏幕的4/12（或1/3）的列。您可以指定1-12之间的值。

渲染应用时，找出该列的CSS类/ ID，然后使用CSS指定背景图像。

在第二列中，我们指定宽度为12，这表示闪亮使内柱成为外柱的整个宽度。