Shulou(Shulou.com)06/02 Report--

Editor to share with you how to deal with Silverlight controls in full-screen mode, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's learn about it!

The first method is to apply the Stretch attribute of the image:

Click event code:

Private void button1_Click (object sender, RoutedEventArgs e) {Application.Current.Host.Content.IsFullScreen =! Application.Current.Host.Content.IsFullScreen;}

Here is mainly the Stretch property of Image is set to UniformToFill, so that the image can be changed according to the browser resolution, this way is more convenient when dealing with pictures, videos and other resources, but in this way when using pictures in insert mode, you need to carry out some processing, because if you specify Width or Height in Image, the picture will maintain this fixed size in full-screen mode.

The second way is to process it in the background.

When in full-screen mode, the controls on the page also change, taking Button as an example. This approach may be closer to the full screen we usually come into contact with, let's take a look at the implementation of this part:

Here, a magnification transformation called RootLayoutScaleTransform is added to the UI, and the background code is mainly handled based on the plug-in's Resized,FullScreenChanged event, so we declare it in the constructor.

Application.Current.Host.Content.Resized + = new EventHandler (Content_Resized); Application.Current.Host.Content.FullScreenChanged + = new EventHandler (Content_Resized)

The complete code:

Private double width; private double height; public double uniformScaleAmount = 1; public MainPage () {InitializeComponent (); height = this.Height; width = this.Width; Application.Current.Host.Content.Resized + = new EventHandler (Content_Resized); Application.Current.Host.Content.FullScreenChanged + = new EventHandler (Content_Resized) } private void button1_Click (object sender, RoutedEventArgs e) {Application.Current.Host.Content.IsFullScreen =! Application.Current.Host.Content.IsFullScreen;} void Content_Resized (object sender, EventArgs e) {double currentWidth = Application.Current.Host.Content.ActualWidth; double currentHeight = Application.Current.Host.Content.ActualHeight UniformScaleAmount = Math.Min ((currentWidth / width), (currentHeight / height)); RootLayoutScaleTransform.ScaleX = uniformScaleAmount; RootLayoutScaleTransform.ScaleY = uniformScaleAmount;}

After the page initialization, we first save the size of the current plug-in, when clicking Button occurs a full-screen event, we will handle the related events. I think it is better to handle this way. When the program is running, if there is nothing on your interface, you need to set the Width,Height property of UserControl.

The above is all the content of the article "how to deal with Silverlight controls in full screen mode". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.