Как я могу создать кнопку в F #, которая содержит изображение и текст?

Question

У меня есть кнопка и изображение:

let btnFoo = new Button()
let imgBar = new BitmapImage(new System.Uri("images/whatever.png", System.UriKind.RelativeOrAbsolute))

Я бы хотел, чтобы содержимое кнопки содержало некоторый текст, а также изображение.

Я могу сделатьлюбая из этих двух вещей в порядке, но они не дают мне одновременно и текст, и изображение на кнопке:

btnFoo.Content <- "Text"
btnFoo.Content <- imgBar

Ни одна из этих вещей не работает:

btnFoo.Content <- "Text " + imgBar // compiler hates this
btnFoo.Content <- "Text ", imgBar // compiler is OK, but result is ugly since the image is rendered as the class text

Я также не могу установить фон кнопки для изображения:

btnFoo.Background <- imgBar // compiler doesn't like this because Background expects a Media.Brush

Есть какие-нибудь мысли / идеи?Спасибо!

Answer 1

Вы можете создать StackPanel и добавить свое изображение вместе с TextBlock в качестве детей.затем установите эту панель стека как содержимое кнопок.Вы также можете выбрать другую панель .

Answer 2

Вам необходимо создать панель (вероятно, StackPanel с ориентацией = "Горизонтальная").Установите содержимое кнопки в качестве панели и добавьте текст и изображение на панель.