Silverlight FullScreen 全屏

<UserControl x:Class="FullScreen.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <Border HorizontalAlignment="Left" VerticalAlignment="Top" Padding="10" BorderThickness="1" CornerRadius="4" Background="#7F000000">
            <StackPanel>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="总CPU占用:" TextWrapping="Wrap" d:LayoutOverrides="Height" Foreground="White"></TextBlock>
                    <TextBlock x:Name="txtCPULoad" TextWrapping="Wrap" d:LayoutOverrides="Height" Foreground="White"></TextBlock>
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="当前CPU占用:" TextWrapping="Wrap" d:LayoutOverrides="Height" Foreground="White"></TextBlock>
                    <TextBlock x:Name="txtSLCPULoad" TextWrapping="Wrap" d:LayoutOverrides="Height" Foreground="White"></TextBlock>
                </StackPanel>
            </StackPanel>
        </Border>
        <Button Content="正常" Height="47" HorizontalAlignment="Left" Margin="152,123,0,0" Name="btnFull" VerticalAlignment="Top" Width="68" Click="btnFull_Click" />
    </Grid>
</UserControl>

cs代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Windows.Threading;

namespace FullScreen
{
    public partial class MainPage : UserControl
    {

        Analytics myAnalytics;

        public MainPage()
        {
            InitializeComponent();
            Loaded += new RoutedEventHandler(MainPage_Loaded);
            Application.Current.Host.Content.FullScreenChanged += new EventHandler(Content_FullScreenChanged);
        }

        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            myAnalytics = new Analytics();
            DispatcherTimer timer = new DispatcherTimer();
            timer.Interval = TimeSpan.FromSeconds(1);
            timer.Tick += new EventHandler(timer_Tick);
            timer.Start();
        }

        void timer_Tick(object sender, EventArgs e)
        {
            txtCPULoad.Text = myAnalytics.AverageProcessorLoad.ToString();
            txtSLCPULoad.Text = myAnalytics.AverageProcessLoad.ToString();
        }

        void Content_FullScreenChanged(object sender, EventArgs e)
        {
            var content = Application.Current.Host.Content;
            if (content.IsFullScreen)
            {
                btnFull.Background = new SolidColorBrush(Colors.Yellow);
                LayoutRoot.Background = new SolidColorBrush(Colors.Yellow);
            }
            else
            {
                btnFull.Background = new SolidColorBrush(Colors.Red);
                LayoutRoot.Background = new SolidColorBrush(Colors.Red);
            }
        }

        private void btnFull_Click(object sender, RoutedEventArgs e)
        {
            var content = Application.Current.Host.Content;
            if (!content.IsFullScreen)
            {
                content.IsFullScreen = !content.IsFullScreen;
                btnFull.Content = "还原";
            }
            else
            {
                content.IsFullScreen = !content.IsFullScreen;
                btnFull.Content = "全屏";
            }
        }
    }
}

时间: 2024-10-06 11:31:09

Silverlight FullScreen 全屏的相关文章

HTML5 full-screen全屏API

这篇文章纯属记录,非常感谢张鑫旭大神的demo 原文地址: http://www.zhangxinxu.com/study/201210/html5-full-screen-api.html 代码 CSS代码: .full { text-align: center; cursor: pointer; } .full img { vertical-align: middle; } .full:hover img { box-shadow: 2px 2px 4px rgba(0,0,0,.45);

C#窗体全屏功能

最近有朋友让我给他弄个应用程序全屏的功能,例如银行的取号程序界面.所以我从网上查询了一些实现的方法. C#应用程序中如何实现全屏幕显示功能? 效果就像windows自带的屏幕保护程序和众多的游戏那样,无论是否设置了“将任务栏保持在其他窗口的前端”都不显示任务栏 实现方式一 在网上找来一些简单的实现方式: this.FormBorderStyle = FormBorderStyle.None; //设置窗体为无边框样式 this.WindowState = FormWindowState.Maxi

UI: 窗口全屏, 窗口尺寸

窗口全屏 窗口尺寸 示例1.窗口全屏UI/FullScreen.xaml <Page x:Class="Windows10.UI.FullScreen" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:

js 实现浏览器全屏效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>quanping</title> </head> <body> <div id="div" onclick="fullScreen()">全屏</div> <div

Fullscreen API 全屏显示网页

第一次看到应用 Fullscreen API 全屏显示网页,是 FaceBook 中的照片放大.作为一个比较新的 API,目前只有 Safari.Chrome 和 FireFox 三种浏览器支持该特性.因为尚未发布正式版的标准,所以必须使用浏览器特定的方法,也就是应用添加前缀(webit/moz)的方法. 这个 API 不仅能够使整个页面全屏显示,也可以使页面中的某个元素全屏显示.它的设计初衷是为了全屏显示 HTML5 视频和游戏,以便更全面的替代 flash 功能.尽管还有很多有待完善的地方,

jQuery全屏插件Textarea Fullscreen

插件描述 Textarea Fullscreen是一个jquery插件,可以将textarea设置为全屏模式 使用方法 引用jquery.js,jquery.textareafullscreen.js和textareafullscreen.css <link rel="stylesheet" type="text/css" href="css/textareafullscreen.css"> <script type="

android webview 全屏播放H5 (Playing HTML5 video on fullscreen in android webview)

最近关于webview的问题遇到的比较多,关于如何在webview中全屏播放视频,网上有很多种解决方法,这里也有一种方法,试了几种后发现还是这种比较好用. 这里就拿出来与大家分享,出自http://stackoverflow.com/questions/15768837/playing-html5-video-on-fullscreen-in-android-webview#userconsent# 代码里面已经有很好的注释了,我就不画蛇添足了. VideoEnabledWebChromeCli

HTML5全屏(Fullscreen)API详细介绍

// 整个页面 onclick=   launchFullScreen(document.documentElement); // 某个元素 launchFullScreen(document.getElementById("videoElement")); // 找到支持的方法, 使用需要全屏的 element 调用 function launchFullScreen(element) { if(element.requestFullscreen) { element.request

解决微信video全屏的问题,不在本页面播放

在微信浏览器中使用video标签,点击播放会跳出本页面,自动进行全屏播放,原因是自动跳转到手机微信内置的浏览器中去播放去了!!! 在video中加上连个属性就好了,反正最近的一个项目,我是这样做的就好了, <video id="videoID"webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true"x5-video-player-type=