Keyboard Behavior on ContentDialog with Windows 10 Mobile (UWP) - c#

When I open a content dialog programmatically, the first objet catching the focus and the content dialog's shape was distorted.
Are any way available show the keyboard on the content dialog without distort the general shape ?
Thanks.
Screenshot:

When the keyboard shows, the ContentDialog will adjust its height automatically. And this will cause the change of ContentDialog's Content's height. So when the keyboard shows, the Content's height becomes small and the rest of the Content is blocked.
If you want the keyboard shows without distorting the general shape, you can set the MinHeight property of ContentDialog. For example, you can give ContentDialog a large MinHeight like "500"
<ContentDialog x:Name="contentDialog" MinHeight="500" />
Or
contentDialog.MinHeight = 500;
After this, when the ContentDialog adjust its height, its height will be 500 at least and if this height is large enough, it will not distort the general shape. You may set the MinHeight equal to ContentDialog's default height to make sure it's large enough.

Related

WPF change window height

I am using a WPF Window with contains a frame where I add the content of different pages I have.
The problem is that all of these pages have the same Width but different Height.
So what I would like to do is to be able to set the window's height, to the height of the page inside of the window's frame.
Thanks
Changing the window height, aside from looking horrible to the end user, comes with all sorts of complications. For example, what if your content has a greater height than the screen can display? Would your window go off the screen?
A better option may be to look into a control that gives a scroll bar if the content exceeds the window height.
In wpf you can set window property
SizeToContent="WidthAndHeight"
or
SizeToContent="Height"
As #Joeb454 already answered this may looks horrible during navigation (user-experience-wise).

GUI Window Size C# WPF

I want to set the window to an exact size for creating a game, since I will use the X and Y coordinates of the screen to move things. The problem is that when setting the window width and height it includes the border in that size, so your actual size is smaller than what you specify. What can I do about this?
You set the width and height to the panel inside of the window instead. Usually it's a Grid panel unless you have changed it. You can then set your window's SizeToContent property so it can autosize to fit the Grid.
Or you could do like this maybe: myForm.Width = yourValue + borderSize;
If your window is a WPF window try using AllowsTransparency="True" and WindowStyle="None"

How to get the Design time height/width of a wpf usercontrol

Is there a way to get the size at runtime ?
I need to display the usercontrol in a dialog and need to size the window accordingly
Since there are multiple usercontrols, looking for make it generic if possible !!
Sounds like you might need to rethink the problem? If you need the design time height and width, then just set the Width and Height of the control you are working with explicitly. This will 'default' the control to a specific size. Normally, you'd probably want the control's width and height to be set to Auto and have the container or layout manager decide what the size should be. So if you put the control in a Grid, assign it to a quadrant and set the size there.
Finally, if you're asking because you are designing with Blend and resizing the user control sets the design time, you can resize the control explicitly by selecting the inside corner notch instead of the outside corner notch with the bigger handle. The inside notch will result in Height and Width being set explicitly.
You can use SizeToContent
<Window x:Class="WindowSample.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="WPF Window"
SizeToContent="WidthAndHeight" >
This will make your window automatically resize itself to fit the preferred size of your window contents.

Is there a way to tell if the window was resized by user or programatically?

Short question
I would like to handle SizeChange event base on the real cause of the resizing -- (1) due to interaction by user or (2) something else. How can I tell the difference?
Background (short)
I have window with datagrid inside, the window is supposed to fit to its content. To achieve this I have to set all columns width to Auto. But then, when the user resize the window by hand, additional "virtual" columns appears -- this is ugly. So my solution would be this -- settings the width to Auto for columns, but as soon the user resizes the window, the last column of datagrid is switched to "*".
But to do this, I have to read the cause of resizing.
More details (edit 1)
For now (!) the first thing is window is resized internally because it is created. Then it is resized again, because the position and size is restored from the disk (this is my code). Then it is resized again, because the data are loaded into datagrid. Those resizing are all causes by non-interaction by user.
So all columns width should be = Auto.
On first user (!) resizing it should be switched to "Star" mode, i.e. "*".
More details (edit 2)
It appears, that many people don't realize the issue here. You can set the width of the last column to Auto or "*" (width of all other columns are Auto). But because I use SizeToContent, only Auto makes sense. Initially.
Now, several people think the answer is reacting to every resize event. This means I would set the width to "*" immediately. But why I would set Width to "*" in the event, when I could set it directly in XAML?
In case somebody still does not get here is the workflow of intended behaviour (let's say I have 3 columns):
Widths = Auto, Auto, Auto
Window is created, resize occurs
Widths = Auto, Auto, Auto
Window size is restored, resize occurs
Widths = Auto, Auto, Auto
Data are loaded, resize occurs
Widths = Auto, Auto, Auto
User resizes the window manually, resize occurs
Widths = Auto, Auto, "*" (!)
Please note, in every steps window looks good, user interaction is "optional" of course.
Now, compare it to the suggested "solution".
Widths = Auto, Auto, Auto
Window is created, resize occurs
Widths = Auto, Auto, "*" (from this point, window looks ugly)
Window size is restored, resize occurs
Widths = Auto, Auto, "*"
Data are loaded, resize occurs
Widths = Auto, Auto, "*"
User resizes the window manually, resize occurs
Widths = Auto, Auto, "*" (looks OK, since it is user will)
This "solution" is 100% equivalent to this:
Widths = Auto, Auto, "*"
Window is created
Window size is restored
Data are loaded
User resizes the window manually
I no longer care about resizing, the code is simpler, the only disadvantage is the window looks ugly. Well, the fact is, it is actually a deal breaker.
Please post your answers as answers, I already have 2 comments which solved my problems, and I cannot mark them, because they are comments. Thank you in advance.
If your window is initially set to SizeToContent="WidthAndHeight" (or "Width"), then you can bind to this property and detect when it changes to "Manual", indicating that a user resize action has commenced. When it switches to "Manual", you can activate bindings or events that react to any further resizing. The value of SizeToContent is updated as soon as the user clicks (mouse button down) on the border of the window, i.e., before any actual resizing has taken place.
Judging by the comments, many people did not understand the point of the question. There are two very distinct situations involving change of window size:
The contents of the window changes (which could be due to any number of reasons), and the window size is changed to fit the contents. Since the change in windows size is done precisely to fit the contents, there is no need to subsequently change the size of the contents.
The user changes the window size. In this case the new size of the window will not match the size of the contents, and the size of the contents should thus be adjusted to fill the new window size.
Of course, as suggested in some comments, it's possible that the window cannot become large enough to accommodate the contents due to other limits (which can be handled by adding a ScrollViewer control with "Auto" visibilities), but for many applications, the only situation where the window becomes larger than the contents require is if the user resizes the window manually.
I have used this method myself to make limits to the possible auto-height or -width of the window that are disabled when the user resizes the window manually - in my application, there are windows that should not automatically dominate the screen (but should otherwise adapt to the contents), but if the user wants to expand a window, they should be free to do so.
generally speaking, the only thing that resizes the window besides the user is your application. Though it is possible in the Windows sdk to change the size of a window you have the handle to, (like Cody) I don't understand why the same logic isn't applicable.
however, I'd recommend a different approach, maybe a Multi-Value converter.
taking in the original/desired column width (ocw), the original screen size (oss), and current screen size (css) then the column width should be (css x ocw)/oss, and will be automatically updated when the window size changes.

How can i make the text in the label move like in (marquee) if the label width not fit the text width in C# windows form application?

Is there a way to make the label text move as in marquee but in windows form application , thanks.
Thanks.
It isn't exactly clear where you might want to move the text to, if it doesn't fit the layout then there are no real options. In general, window layouts are contrained width-wise but have some room for growth vertically. Enforce this by setting the Label's MaximumSize property to, say, (100,0) so it cannot grow in the width and overlap some other control. That will make it start wrapping text and use more vertical space.
If that's a problem as well then set AutoSize = False and AutoEllipsis = True. The user can now tell that the text got truncated. And automatically gets a tooltip when she hovers the label.

Categories