layout.width statement location in maui application

Question

layout.width statement location in maui application

Haviv Elbsz 2,151

Hi all

I put layout.width statement in
page load event

but its value is zero where I can put
this statement so it's give me the
real width of the layout

Thank you very much

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2022-12-06T10:01:31.973+00:00

I put layout.width into OnAppearing method of MainPage, the width will always be -1 and it won't be updated until it changed once. And its value won't be zero, I can't reproduce your issue. Would you mind sharing more code snippets?
In addition, you can try using the ViewRenderer in MAUI and get the real width of native control in OnElementPropertyChanged method.
Haviv Elbsz 2,151 Reputation points

2022-12-06T13:48:06.173+00:00
Hi Wenyan Zhang and thank you

This is my code but I don't want to use DeviceDisplay to get the layout width

So I used verticalLayoutWidth = (int)vLayout.Width but that not work

private void MainPage_Loaded(object sender, EventArgs e)
{
verticalLayoutWidth = (int)vLayout.Width;

screenDensity = DeviceDisplay.Current.MainDisplayInfo.Density; screenWidth = DeviceDisplay.Current.MainDisplayInfo.Width; vLayoutMargin = (int)vLayout.Margin.HorizontalThickness; InputTB.WidthRequest = (screenWidth / screenDensity) - vLayoutMargin; OutputTB.WidthRequest = (screenWidth / screenDensity) - vLayoutMargin;

}

Thank you very much
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2022-12-08T02:48:35.437+00:00

Hi @Haviv Elbsz , May I ask what version and platform you are using? Why are you trying to get the width? What do you plan to do with it? You want to get the width of a VerticalStackLayout, right? Are you trying to get the Width before everything's been laid out?
Haviv Elbsz 2,151 Reputation points

2022-12-08T09:29:55.703+00:00

Hi and thank you

I use

17.5 preview 1 ver 17.5
emulator ver apl 33
for android platforms

I want to make a button
width of 80 percent of screen width

thank you very much
Haviv Elbsz 2,151 Reputation points

2022-12-11T15:22:36.427+00:00

Hi WenyanZhang

Make this an Answer and I accept it
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2022-12-12T01:16:23.54+00:00

Glad you solved the problem, I have converted the comment to an answer, you can check it.

Answer accepted by question author

0 additional answers

Your answer

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2022-12-06T10:01:31.973+00:00

I put layout.width into OnAppearing method of MainPage, the width will always be -1 and it won't be updated until it changed once. And its value won't be zero, I can't reproduce your issue. Would you mind sharing more code snippets?
In addition, you can try using the ViewRenderer in MAUI and get the real width of native control in OnElementPropertyChanged method.
Haviv Elbsz 2,151 Reputation points

2022-12-06T13:48:06.173+00:00

Hi Wenyan Zhang and thank you

This is my code but I don't want to use DeviceDisplay to get the layout width

So I used verticalLayoutWidth = (int)vLayout.Width but that not work

private void MainPage_Loaded(object sender, EventArgs e)
{
verticalLayoutWidth = (int)vLayout.Width;

screenDensity = DeviceDisplay.Current.MainDisplayInfo.Density; screenWidth = DeviceDisplay.Current.MainDisplayInfo.Width; vLayoutMargin = (int)vLayout.Margin.HorizontalThickness; InputTB.WidthRequest = (screenWidth / screenDensity) - vLayoutMargin; OutputTB.WidthRequest = (screenWidth / screenDensity) - vLayoutMargin;

}

Thank you very much
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2022-12-08T02:48:35.437+00:00

Hi @Haviv Elbsz , May I ask what version and platform you are using? Why are you trying to get the width? What do you plan to do with it? You want to get the width of a VerticalStackLayout, right? Are you trying to get the Width before everything's been laid out?
Haviv Elbsz 2,151 Reputation points

2022-12-08T09:29:55.703+00:00

Hi and thank you

I use

17.5 preview 1 ver 17.5
emulator ver apl 33
for android platforms

I want to make a button
width of 80 percent of screen width

thank you very much
Haviv Elbsz 2,151 Reputation points

2022-12-11T15:22:36.427+00:00

Hi WenyanZhang

Make this an Answer and I accept it
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2022-12-12T01:16:23.54+00:00

Glad you solved the problem, I have converted the comment to an answer, you can check it.

Answer 1

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Microsoft External Staff

Hello,

You could try to use Grid, then set three columns(1,8,1), and add the Button on second coumn.

<Grid.ColumnDefinitions>  
            <ColumnDefinition Width="*" />  
            <ColumnDefinition Width="8*" />  
            <ColumnDefinition Width="*" />  
        </Grid.ColumnDefinitions>

Best Regards,
Wenyan Zhang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Haviv Elbsz 2,151 Reputation points

2022-12-09T11:00:57.703+00:00

It's a nice trick!

I accept this as answer

Thank you very much

Share via

layout.width statement location in maui application

0 additional answers

Your answer