質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

Q&A

0回答

621閲覧

UWPのXAMLで、UserControlを表示できない

nomurax

総合スコア32

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

1グッド

0クリップ

投稿2018/03/08 07:43

###前提・実現したいこと
こんにちは。いつもたいへんお世話になります。
Visual Studio 2017 Communityで、UWP(Target Windows 10 Phone)のソフトを開発しています。
UWPのXAMLで、テキストボックスとイメージをGridに配置しました。
この組み合わせを複数使いたいので、UserControlにしました。

###発生している問題・エラーメッセージ
そのUserControlをもとの位置に配置すると、文字もイメージも表示できません。
UserControlにするときのコツとかチェックポイントとかをアドバイスお願いします。
ビルドはできていて、正常に動いています。
お知恵拝借したいです。

###Code

XAML

1Original(表示できる) 2 3 xmlns:usercontrol="using:UserControl" 4 5 6 <Grid x:Name="MainGrid" Tapped="TicketImage_TappedAsync" Background="Black"> 7 <Grid x:Name="MenuGrid"> 8 <Grid.RowDefinitions> 9 <RowDefinition Height="80*"/> 10 <RowDefinition Height="80*"/> 11 </Grid.RowDefinitions> 12 13 14 <usercontrol:MyControl Grid.Row="0" x:Name="contol1" Margin="5,0,10, 10"></usercontrol:MyControl><!-- これNG --> 15 16 17<!--ここから--><!-- これはOK --> 18 <Grid x:Name="StarBase" Background="Transparent" Grid.Row="1"> 19 <Grid.ColumnDefinitions> 20 <ColumnDefinition Width="100*"/> 21 <ColumnDefinition Width="50*"/> 22 </Grid.ColumnDefinitions> 23 <TextBlock x:Name="TitleLabel" Grid.Column="0" 24 Margin="5,10,5,5" x:FieldModifier="Public">項目名</TextBlock> 25 <Image Grid.Column="1" Height="32" Stretch="Uniform" Width="32" Source="/Assets/image01.png" ></Image> 26 </Grid> 27<!--ここまで--> 28 29 </Grid> 30 31 32

XAML

1UserControl(表示できない) 2 3<UserControl 4 x:Class="UserControl.MyControl" 5 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 6 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 7 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 8 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 9 mc:Ignorable="d" 10 d:DesignHeight="42" 11 d:DesignWidth="350"> 12 13 <Grid x:Name="MyBase" Background="Transparent"> 14 <Grid.ColumnDefinitions> 15 <ColumnDefinition Width="100*"/> 16 <ColumnDefinition Width="50*"/> 17 </Grid.ColumnDefinitions> 18 <TextBlock x:Name="TitleLabel" Grid.Column="0" 19 Margin="5,10,5,5" x:FieldModifier="Public">項目名</TextBlock> 20 <Image Grid.Column="1" Height="32" Stretch="Uniform" Width="32" Source="/Assets/image01.png" ></Image> 21 </Grid> 22</UserControl> 23 24 25

###補足情報(言語/FW/ツール等のバージョンなど)
開発
Windows10 Home 1709 64bit

Microsoft Visual Studio Community 2017
Version 15.1 (26403.3) Release
VisualStudio.15.Release/15.1.0+26403.3
Microsoft .NET Framework
Version 4.7.02556

インストールバージョン:Community
Visual C# 2017 00369-60000-00001-AA631

ターゲット
Windows 10 Phone

Tak1wa👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問