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

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

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

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

XAML

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

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

Q&A

解決済

1回答

6418閲覧

[WPF]リストビューのアイテムを横に並べたい

bbdd

総合スコア43

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

XAML

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

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

0グッド

0クリップ

投稿2018/03/28 09:24

前提

・WPFアプリ
・Visual Studio
・C#

実現したいこと

・ListBoxにおいてコンテンツを横1列に並べたい

実現したいイメージ

上記のようなものを実現したいです。

現状

現状のui
現在は↑のように縦に並んでおり、対応するxamlが以下です。
(listBoxのdataContextに配列をセットし、その要素を表示するリストになっています。要素数は変動します。)

<Grid Background="White"> <ListBox Name="dateListBox" Width="Auto" Height="Auto" HorizontalContentAlignment="Stretch" MouseUp="ListBox_MouseUp" ItemsSource="{Binding}" Margin="10,30,10,226"> <ListBox.ItemTemplate> <DataTemplate> <StackPanel Width="Auto" Height="Auto" Orientation="Horizontal" Background="AliceBlue"> <TextBlock Text="{Binding}" FontSize="20" TextAlignment="Center"/> </StackPanel> </DataTemplate> </ListBox.ItemTemplate> </ListBox> </Grid>

HorizontalContentAlignment="Stretch"を設定することで横にならぶのかなと思っていたのですが、上手くいかず、、、
アドバイス頂けると幸いです。

参考にしたもの

How to get a ListBox ItemTemplate to stretch horizontally the full width of the ListBox?

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

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

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

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

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

guest

回答1

0

ベストアンサー

ItemsPanel を使います。

XML

1 <Grid Background="White"> 2 <ListBox Name="dateListBox" Width="Auto" Height="Auto" HorizontalContentAlignment="Stretch" MouseUp="ListBox_Mouseup" ItemsSource="{Binding}" Margin="10,30,10,226"> 3 <ListBox.ItemTemplate> 4 <DataTemplate> 5 <TextBlock Text="{Binding}" FontSize="20" TextAlignment="Center" Background="AliceBlue" /> 6 </DataTemplate> 7 </ListBox.ItemTemplate> 8 <ListBox.ItemsPanel> 9 <ItemsPanelTemplate> 10 <StackPanel Orientation="Horizontal"/> 11 </ItemsPanelTemplate> 12 </ListBox.ItemsPanel> 13 </ListBox> 14 </Grid>

投稿2018/03/28 09:54

Zuishin

総合スコア28660

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

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

bbdd

2018/03/28 09:58

これです!! いつも勉強になります、ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問