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

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

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

UWPは、Universal Windows Platformの略。様々なデバイス向けに提供されているアプリケーションを共通のフレームワーク上で動作可能にする仕組みで、Windows10で導入されました。

Q&A

解決済

1回答

2148閲覧

UWPで組のデータを表示したい

cancat

総合スコア313

UWP

UWPは、Universal Windows Platformの略。様々なデバイス向けに提供されているアプリケーションを共通のフレームワーク上で動作可能にする仕組みで、Windows10で導入されました。

0グッド

0クリップ

投稿2016/11/23 15:09

こんにちは。
Windows10でUWPのアプリケーションを開発しています。
Visual Studio 2015 Communityを使っています。

###前提・実現したいこと
そもそもなのですが、UWPで
タイトル、作者
ToDoのタイトル、その詳しい説明
の組とかのデータを表示するには、UserControlを作るのはありでしょうか?

仮にありだとして、下記のような方法だと、ScrollViewerを使うと、1項目目しか表示できず、使わないと約7項目程度画面のなかにしか表示できません。

UserControlを作って、StackPanelに積んで表示したところ、画面をはみ出ると、自動的にはスクロールできないので、ScrollViewerをつけたら、今度は最初の1件しか表示できない、という状況でとまどっています。

もし「なし」だとすると、GridViewを使うのでしょうか?

###試したこと
<StackPanel x:Name="MyLists"/>

<ScrollViewer> <StackPanel x:Name="MyLists"/> </ScrollViewer>

###発生している問題・エラーメッセージ

###該当のソースコード

XAML

1 <Grid RenderTransformOrigin="0.507,0.248"> 2 <ScrollViewer> 3 <StackPanel x:Name="MyLists"/> 4 </ScrollViewer> 5 </Grid> 6</Page>

C#

1 private void Page_Loaded(object sender, RoutedEventArgs e) { 2 Dictionary<string, string> ToDos = new Dictionary<string, string>(); 3 ToDos.Add("あらためてWindowsMobileはファイルシステムとして使えないのか?", "Teratail"); 4 ToDos.Add("NP11でカメラを使えるようにする。USBカメラのコントローラーか。", "Skype"); 5 ToDos.Add("年間の図書一覧を表示する機能。", "book"); 6 ToDos.Add("ToDoをWindowsMobileとで連携する。", "転送が課題。転送する方法を検討する。"); 7 foreach (var todo in ToDos) { 8 try { 9 MemoTitleUserControl memo = new MemoTitleUserControl(); 10 memo.MemoTitle.Content = todo.Key; 11 memo.MemoContents.Text = todo.Value; 12 FileLists.Children.Add(memo); 13 14 } 15 catch (Exception exception) { 16 string error = exception.Message; 17 } 18 }

XAML

1<UserControl 2 x:Class="MyNote.ListPage.MemoTitleUserControl" 3 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 4 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 5 xmlns:local="using:MyNote.ListPage" 6 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 7 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 8 mc:Ignorable="d" 9 Height="70" 10 > 11 12 <Grid> 13 <Grid.RowDefinitions> 14 <RowDefinition Height="30"/> 15 <RowDefinition Height="30"/> 16 </Grid.RowDefinitions> 17 <CheckBox Grid.Row="0" x:Name="MemoTitle" Margin="10,5,10,5" x:FieldModifier="Public" FontWeight="Bold" FontSize="14" /> 18 <TextBlock Grid.Row="1" x:Name="MemoContents" Margin="10,5,10,5" TextWrapping="Wrap" x:FieldModifier="Public" /> 19 </Grid> 20</UserControl>

###補足情報(言語/FW/ツール等のバージョンなど)
Microsoft Visual Studio Community 2015
Version 14.0.25424.00 Update 3
Microsoft .NET Framework
Version 4.6.01038

インストールしているバージョン:Community

Visual C# 2015 00322-20000-00000-AA575
Microsoft Visual C# 2015

です。
よろしくお願いします。

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

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

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

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

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

guest

回答1

0

ベストアンサー

こんにちは。

問題点が確認できませんでした。

下記のような方法だと、ScrollViewerを使うと、1項目目しか表示できず、使わないと約7項目程度画面のなかにしか表示できません。

UserControlを作って、StackPanelに積んで表示したところ、画面をはみ出ると、自動的にはスクロールできないので、ScrollViewerをつけたら、今度は最初の1件しか表示できない、という状況でとまどっています。

どういう状態で、それをどうしたいのか掘り下げて教えて頂けますか。
ちなみに私のほうはこんな感じで表示されましたが、正常であるという認識です。

イメージ説明


コード提示します。

XML

1<Page 2 x:Class="App1.MainPage" 3 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 4 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 5 xmlns:local="using:App1" 6 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 7 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 8 mc:Ignorable="d" Loaded="Page_Loaded" Height="300"> 9 10 <Grid RenderTransformOrigin="0.507,0.248"> 11 <ScrollViewer> 12 <StackPanel x:Name="MyLists"/> 13 </ScrollViewer> 14 </Grid> 15</Page>

XML

1<UserControl 2 x:Class="App1.MemoTitleUserControl" 3 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 4 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 5 xmlns:local="using:App1" 6 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 7 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 8 mc:Ignorable="d" 9 Height="70" 10 d:DesignHeight="300" 11 d:DesignWidth="400"> 12 13 <Grid> 14 <Grid.RowDefinitions> 15 <RowDefinition Height="30"/> 16 <RowDefinition Height="30"/> 17 </Grid.RowDefinitions> 18 <CheckBox Grid.Row="0" x:Name="MemoTitle" Margin="10,5,10,5" x:FieldModifier="Public" FontWeight="Bold" FontSize="14" /> 19 <TextBlock Grid.Row="1" x:Name="MemoContents" Margin="10,5,10,5" TextWrapping="Wrap" x:FieldModifier="Public" /> 20 </Grid> 21</UserControl>

投稿2016/11/23 17:04

編集2016/11/24 13:18
Tak1wa

総合スコア4791

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

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

cancat

2016/11/24 01:00

こんにちは。いつもありがとうございます。 ありやー。正常ですね。こう表示したいです。 わたしの手元では、ScrollViewerなしではこのようになりますが、ScrollViewerで囲むと、最初の1項目しか表示できず、2項目目以降(NP11でカメラ..以降)を表示できないのです。 ということは、コードとしては正しそうなので、なにかほかの原因ということでしょうか。 うーむ。
Tak1wa

2016/11/24 13:18

認識はあってるようですので、私が再現確認をしたXAMLを提示しますので確認してください。
cancat

2016/11/24 14:42

ありがとうございます。 コードをきれいにして確認したところ、動作させられました。 感謝します。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問