it-swarm.com.ru

Добавление изображения в UWP?

Я часами искал онлайн, пытаясь найти способ вставить простое изображение в мое универсальное приложение Windows. Все учебники, которые я нашел до сих пор, были слишком запутанными или просто не работают. 

Есть ли способ вставить изображение на мою страницу XAML, которое можно объяснить новичку в разработке приложений для Windows? Нужно ли инициализировать его в XAML и C # или только через XAML? 

8
Andrew

Поскольку я пока не могу комментировать, я отвечу на это. 

Чтобы добавить изображение в ваш XAML, вам просто нужно добавить тег. Таким образом, код будет выглядеть так:

<Image Source="Assets/example.jpg"/>

Я хотел бы предложить вам следовать этой серии для начинающих UWP. Я нашел его отличным для того, чтобы показать мне основы XAML и научить меня немного новому языку дизайна. Просто знайте, что ему почти год, и есть небольшие изменения, особенно в дизайне. Не о чем беспокоиться, просто имейте это в виду.

7
NomadHorse2

Если вас что-то смущает, вы можете просто загрузить образец и следить за тем, как он работает (мне легко наскучить, поэтому я сам делаю это и устанавливаю пару точек останова, чтобы понять поток кода),

Попробуйте это: https://code.msdn.Microsoft.com/windowsapps/0f5d56ae-5e57-48e1-9cd9-993115b027b9

1
Ateik

Помните, что если вы хотите вставить новое изображение в Активы, вы должны перейти в Обозреватель решений, Активы-> Добавить-> Новый элемент. Если вы вставляете изображение вручную, то вам нужно добавить-> существующий элемент. Затем выберите изображение, щелкните правой кнопкой мыши, выберите свойства и в «Build Action» убедитесь, что «содержимое» используется по умолчанию.

1
El0din

Эндрю, вы на 100% правы, авторы онлайн-учебников часто забывают, что люди, которые плохо знакомы с миром xaml\c #, читают их учебники, часто я нахожу официальную документацию по MS гораздо проще для понимания, чем эти учебники, в любом случае, я сделал простое графическое объяснение того, как добавлять изображения и отображать их в своем проекте с помощью Blend, но тот же принцип применяется к VS.

Проверьте эти изображения: http://postimg.org/gallery/2jzw7yqgg/

0
Dark Templar

У меня была та же проблема, когда мне нужно было просто добавить простую картинку, чтобы покончить с этим, я предполагаю, что вы используете VS2017, если нет, тогда я не знаю, будет ли это решение работать, но если вы используете VS2017 затем сделайте следующее

сначала добавьте элемент изображения, например <Image x:Name="img1" Width="100" Height="100" />

в Universal Apps есть папка с именем Assets, которую вы найдете в папке решения, также в обозревателе решений  enter image description here щелкните правой кнопкой мыши в обозревателе решений -> добавьте существующий элемент -> нужную фотографию

после того, как вы добавили фотографию, перейдите к процветанию img1 и в источнике вы найдете фотографию, которая была добавлена ​​в выпадающий список, имейте в виду, что в активах уже есть изображения

 enter image description here вы обнаружите, что путь к изображению автоматически добавляется в атрибуте Source к элементу управления img1 Например, <Image x:Name="img1" Width="100" Height="100" Source="Assets/1.jpg" />

0
ibr