2016-08-15 23 views
8

Szukam od wielu godzin, próbując znaleźć sposób na wstawienie prostego obrazu do mojej aplikacji Universal Windows. Wszystkie tutoriale, które do tej pory znalazłem, są zbyt mylące lub po prostu nie działają.Dodawanie obrazu w UWP?

Czy istnieje sposób na wstawienie obrazu do mojej strony XAML, który można wyjaśnić dla kogoś, kto dopiero tworzy aplikacje dla systemu Windows? Czy muszę zainicjować go w XAML i C# lub po prostu przez XAML?

+0

Gdzie byłeś? Dlaczego było to mylące? – lokusking

+0

Nie możesz google "uwp image"? Doprowadziło mnie to tutaj: https://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.image.aspx, a ta strona zawiera wiele wyjaśnień, a także XAML i kod -przykładowe przykłady. Czego jeszcze chcesz? – Clemens

+0

@Clemens K Jestem początkującym nie ma powodu, aby wściekać się w niekontrolowany sposób. – Andrew

Odpowiedz

7

Ponieważ nie mogę jeszcze komentować, odpowiem na to.

Aby dodać zdjęcie do swojego XAML, wystarczy dodać tag. Kod będzie wyglądał następująco:

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

Proponuję zapoznać się z tą serią dla początkujących dla UWP. Stwierdziłem, że świetnie pokazuje mi podstawy XAML i uczy mnie trochę nowego języka projektowania. Wystarczy wiedzieć, że minął już prawie rok i są drobne poprawki, szczególnie w zakresie projektowania. Nie ma się czym martwić, tylko miej to na uwadze.

0

Andrew jesteś w 100% poprawny, autorzy tutorialów często zapominają o ludziach, którzy są nowi w xaml \ C#, mogą czytać ich tutoriale, często uważam, że oficjalna dokumentacja MS jest o wiele łatwiejsza do zrozumienia niż te tutoriale, tak czy inaczej Zrobiłem proste wyjaśnienie graficzne, jak dodawać obrazy i wyświetlać je w projekcie za pomocą Blend, ale ta sama zasada dotyczy VS.

Sprawdź te obrazy: http://postimg.org/gallery/2jzw7yqgg/

0

miałem ten sam problem, gdzie tylko potrzebne, aby po prostu dodać prosty obraz mieć to za sobą, jestem przy założeniu, że używasz VS2017 jeśli nie, wtedy nie wiem, czy to rozwiązanie zadziała, ale jeśli używasz VS 2017, a następnie wykonaj następujące czynności

pięść dodać element obrazu np <Image x:Name="img1" Width="100" Height="100" />

w Uniwersalnym Apps znajduje się folder o nazwie Assets znajdziesz go w folderze rozwiązania, również w Solution Explorer enter image description here kliknij prawym przyciskiem myszy w eksploratorze rozwiązań -> dodaj istniejący element -> zdjęcie, które chcesz, aby uzyskać zdjęcie

po dodaniu zdjęcia, przejdź do dobrobytu img1, aw źródle znajdziesz zdjęcie, które zostało dodane do kropli na dole listy, należy pamiętać, że już istnieje obraz wt Aktywa he

enter image description here będzie można zauważyć, że ścieżka do obrazu jest automatycznie dodawane w atrybucie Source do kontroli img1 np <Image x:Name="img1" Width="100" Height="100" Source="Assets/1.jpg" />

0

Pamiętaj, że jeśli chcesz wstawić nowy obraz do aktywów, ty musi przejść do eksploratora rozwiązań, Zasoby-> Dodaj-> Nowa pozycja. Jeśli wstawisz obraz ręcznie, musisz dodać Dodaj istniejący element. Następnie wybierz obraz, prawidłowość kliknięcia, właściwości oraz w akcji budowania, upewnij się, że "treść" jest domyślna.