UWP Nested ListView no stretch
I am trying to nest one ListView into another, but the problem is that in the second ListView I need the grid to use all the width of the window in order to split it in 3 same sized columns. But as u can see, it doesn't do that.... I have tried everything already, any ideas on how could I make it work?
<Grid Background="Pink">
<ListView x:Name="MainListView"
ItemsSource="{x:Bind menu}"
HorizontalAlignment="Stretch"
Background="BlanchedAlmond"
HorizontalContentAlignment="Stretch">
<ListView.ItemTemplate>
<DataTemplate x:DataType="data:MainCategories">
<Grid Background="blue" HorizontalAlignment="Stretch" >
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<TextBlock Text="{x:Bind CategoryName}"
HorizontalAlignment="Stretch"
FontSize="25"
Foreground="Yellow" />
<ListView x:Name="SubListView"
Grid.Row="1"
Background="YellowGreen"
HorizontalAlignment="Stretch"
HorizontalContentAlignment="Stretch"
ItemsSource="{x:Bind SubMenuItems}">
<ListView.ItemTemplate>
<DataTemplate x:DataType="data:Dishes">
<Grid HorizontalAlignment="Stretch">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<TextBlock Foreground="Red"
Text="{x:Bind dishName}"
Grid.Column="0"
HorizontalAlignment="Center" />
<TextBlock Foreground="Red"
Grid.Column="1"
HorizontalAlignment="Center"
Text="{x:Bind dishPrice}" />
<TextBlock Foreground="Red"
Grid.Column="2"
HorizontalAlignment="Center"
Text="{x:Bind dishPrice}" />
</Grid>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</Grid>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</Grid>
public void FillMenu()
{
menu.Add(new MainCategories() { CategoryName = "tittle1" });
menu[0].SubMenuItems.Add(new Dishes() { dishName = "dish1", dishPrice = 1 });
menu[0].SubMenuItems.Add(new Dishes() { dishName = "dish2", dishPrice = 11 });
menu[0].SubMenuItems.Add(new Dishes() { dishName = "dish3dish3dish3", dishPrice = 12 });
menu.Add(new MainCategories() { CategoryName = "tittle2" });
menu[1].SubMenuItems.Add(new Dishes() { dishName = "dishab", dishPrice = 13 });
menu[1].SubMenuItems.Add(new Dishes() { dishName = "sishro", dishPrice = 14 });
}
Solution
You need to set the HorizontalAlignment="Stretch" for the ListViewItem as follows.
<ListView.ItemContainerStyle>
<Style TargetType="ListViewItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
</Style>
</ListView.ItemContainerStyle>
Set the HorizontalAlignment property for the controls inside ListViewItem template will not take effects for the layout of ListViewItem. Updated completing code as follows.
<Grid Background="Pink">
<ListView x:Name="MainListView"
ItemsSource="{x:Bind menu}"
HorizontalAlignment="Stretch"
Background="BlanchedAlmond"
HorizontalContentAlignment="Stretch">
<ListView.ItemContainerStyle>
<Style TargetType="ListViewItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
</Style>
</ListView.ItemContainerStyle>
<ListView.ItemTemplate>
<DataTemplate x:DataType="local:MainCategories">
<Grid Background="blue" >
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<TextBlock Text="{x:Bind CategoryName}"
FontSize="25"
Foreground="Yellow" />
<ListView x:Name="SubListView"
Grid.Row="1"
Background="YellowGreen"
ItemsSource="{x:Bind SubMenuItems}">
<ListView.ItemContainerStyle>
<Style TargetType="ListViewItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
</Style>
</ListView.ItemContainerStyle>
<ListView.ItemTemplate>
<DataTemplate x:DataType="local:Dishes">
<Grid HorizontalAlignment="Stretch">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<TextBlock Foreground="Red"
Text="{x:Bind dishName}"
Grid.Column="0"
HorizontalAlignment="Center" />
<TextBlock Foreground="Red"
Grid.Column="1"
HorizontalAlignment="Center"
Text="{x:Bind dishPrice}" />
<TextBlock Foreground="Red"
Grid.Column="2"
HorizontalAlignment="Center"
Text="{x:Bind dishPrice}" />
</Grid>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</Grid>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</Grid>
And the result
- How do I convert argv to lpCommandLine parameter of CreateProcess?
- Tomcat 9 takes 1 minute to stop
- C compiler for Windows?
- Node.js/Windows error: ENOENT, stat 'C:\Users\RT\AppData\Roaming\npm'
- how to change directory using Windows command line
- Error while executing Kafka on port 2181 - topic command: Timed out waiting for a node assignment. OS Win 10
- How can I create user environment variables for a non-admin user account?
- java 'jar' is not recognized as an internal or external command
- Docker compose can not start service network not found after restart docker
- Getting Windows user's name in "Firstname Lastname" format when user is part of a group
- How to troubleshoot app failing to start with STATUS_DLL_INIT_FAILED (0xc0000142) after Windows 10 "Threshold 2" update (1511, build 15086)
- WMI query hangs and never finish
- PostgreSQL Stack Builder Installation Certificate verification problem on Windows
- Changing the text Colour in a ListView Control ( Win32)
- Getting actual file name (with proper casing) on Windows
- How do I set a program to launch at startup
- How can I set a text value according to a position
- Java Graphics2D.drawImage() Renders Blurry Image only on Windows 125% Scaling and Only on Java Versions after Java 8
- Electron: change titleBarOverlay.color and titleBarOverlay.symbolColor at runtime
- How does Windows programming vary from Unix programing
- Does anyone know why my variable (x) changed its value from 3 to 0 (1 after x++) in this program? I'm trying to make a signup system but it overwrites
- Filename too long in Git for Windows
- How to find the Qt5 CMake module on Windows
- Copy/clone folder permissions to another folder (Windows)
- CodeIgniter Message: "Class not found" on live server
- python winsound.playsound unable to find my sound file
- Use PowerShell for Visual Studio Command Prompt
- Getting a filesize in a batch file where the filename is known
- What's the environment variable for the path to the desktop?
- Flush disk write cache from Windows CLI