У меня возникают трудности с отображением изображения на странице содержимого в макете стека. Я просмотрел документацию по API Xamarin и нашел Xamarin.Forms.Image.Source Property, но не содержит пример кода, чтобы увидеть, как он написан. Я также проверил, как это было написано на С# и, похоже, соответствует моему коду с точки зрения пути к имени файла, но в Xamarin это может немного отличаться, поскольку в первый раз это делается. Код, который я сейчас тестировал с помощью эмулятора Android (Google Nexus 5) в Visual Studio 2013, отлично работает, за исключением изображения, которое не отображается.
Источник изображения:
new Image
{
VerticalOptions = LayoutOptions.Center,
HorizontalOptions = LayoutOptions.Center,
Source = "/Assets/xamarin_logo.png",
},
Полный код:
public NFCPage()
{
StackLayout stackLayout = new StackLayout // instantiate a StackLayout object to layout its children
{
Spacing = 5, // amount of spae between each child element
//HorizontalOptions = LayoutOptions.Center,
VerticalOptions = LayoutOptions.FillAndExpand, // defines how the elements should be laid out; fill the entire width of the content to the screen
BackgroundColor = Color.Blue,
Children = // gets a list of child elements
{
new Label
{
TextColor = Color.White,
BackgroundColor = Color.Red,
XAlign = TextAlignment.Center, // set text alignment horizontally
Text = "Google",
},
new Label
{
Text = "Place your device directly at the symbol.",
XAlign = TextAlignment.Center,
TextColor = Color.White,
},
new Image
{
VerticalOptions = LayoutOptions.Center,
HorizontalOptions = LayoutOptions.Center,
Source = "/Assets/xamarin_logo.png",
},
new Button
{
Text = "QR Code",
TextColor = Color.White,
},
new Button
{
Text = "?",
TextColor = Color.White,
},
}
};
Content = stackLayout; // apply stackLayout to Content
}