WP、Win10开发或者WPF开发时绘制自定义窗体~例如：一个手机

WP and Win10

效果：（数字是参考值，和UI无关）


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

<Page

    x:Class="_05.AllControls._BorderUsePage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:_05.AllControls"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

 

    <!--快乐玩耍：DIV一个手机-->

    <Grid>

        <!--手机整体-->

        <Border BorderBrush="Green"

                BorderThickness="4"

                CornerRadius="10,10,10,10">

            <Grid>

                <!--主屏幕-->

                <Border BorderBrush="Gray"

                BorderThickness="2"

                Margin="10,60,10,30">

                    <TextBlock FontFamily="微软雅黑">对不起，系统已挂联系逆天重装Win10！</TextBlock>

                </Border>

                <!--底部-->

                <Border BorderBrush="Black"

                BorderThickness="2"

                CornerRadius="0,0,10,10"

                VerticalAlignment="Bottom"

                Height="30">

                    <!--底部按键-->

                    <Grid>

                        <SymbolIcon Symbol="Back" HorizontalAlignment="Left" Margin="50,0,0,0" Width="50" />

                        <SymbolIcon Symbol="Home" HorizontalAlignment="Center" Width="50" />

                        <SymbolIcon Symbol="Zoom" HorizontalAlignment="Right" Margin="0,0,50,0" Width="50" />

                    </Grid>

                </Border>

            </Grid>

        </Border>

    </Grid>

</Page>

 

WPF

效果：（边框想要div必须注意==>WindowStyle="None" Background="Transparent" AllowsTransparency="True" MouseLeftButtonDown="DragWindow"）

代码：


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

<Window x:Class="WaterMarkAPP.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="水印工具" Height="545" Width="298" Background="Transparent" AllowsTransparency="True"

        WindowStyle="None" ShowInTaskbar="False" WindowStartupLocation="CenterScreen" MouseLeftButtonDown="DragWindow">

 

    <!--快乐玩耍：DIV一个手机-->

    <!--手机整体-->

    <Border BorderBrush="Green"

            Background="Black"

            BorderThickness="4"

            CornerRadius="10,10,10,10">

        <Grid>

            <!--主屏幕-->

            <Border BorderBrush="Gray"

                BorderThickness="2"

                Margin="10,50,10,40">

                <Grid Background="#FF151515">

                    <Grid.RowDefinitions>

                        <RowDefinition></RowDefinition>

                        <RowDefinition></RowDefinition>

                        <RowDefinition></RowDefinition>

                        <RowDefinition></RowDefinition>

                        <RowDefinition></RowDefinition>

                    </Grid.RowDefinitions>

                    <TextBlock FontFamily="微软雅黑">对不起，系统已挂请联系逆天重装Win10！</TextBlock>

                    <Button Grid.Row="1" Opacity="0.4"  HorizontalAlignment="Center" VerticalAlignment="Center" Height="50" Width="100" Click="Button_Click">单个水印</Button>

                    <Button Grid.Row="2" Opacity="0.4"  HorizontalAlignment="Center" VerticalAlignment="Center" Height="50" Width="100" Click="Button_Click_1">批量水印</Button>

                    <Button Grid.Row="3" Opacity="0.4"  HorizontalAlignment="Center" VerticalAlignment="Center" Height="50" Width="100" Click="Button_Click_2">关闭程序</Button>

                </Grid>

            </Border>

            <!--底部-->

            <Border BorderBrush="Black"

                BorderThickness="2"

                CornerRadius="0,0,10,10"

                VerticalAlignment="Bottom"

                Height="40">

                <!--底部按键-->

                <Grid>

                    <TextBlock Text="毒" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="80,0,0,0" Width="20" Foreground="Gray" MouseLeave="TextBlock_MouseLeave" />

                    <TextBlock Text="逆" HorizontalAlignment="Center" VerticalAlignment="Center" Width="20" Foreground="Gray"  MouseLeave="TextBlock_MouseLeave_1"/>

                    <TextBlock Text="天" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0,0,80,0" Width="20" Foreground="Gray"  MouseLeave="TextBlock_MouseLeave_2"/>

                </Grid>

            </Border>

        </Grid>

    </Border>

</Window>

扩：DragWindow事件如图

时间： 2024-09-20 14:25:49

WP、Win10开发或者WPF开发时绘制自定义窗体~例如：一个手机的相关文章

ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局

一.实现效果 二.使用纯代码自定义一个tableview的步骤 1.新建一个继承自UITableViewCell的类 2.重写initWithStyle:reuseIdentifier:方法 添加所有需要显示的子控件(不需要设置子控件的数据和frame, 子控件要添加到contentView中) 进行子控件一次性的属性设置(有些属性只需要设置一次, 比如字体\固定的图片) 3.提供2个模型 数据模型: 存放文字数据\图片数据 frame模型: 存放数据模型\所有子控件的frame\cell的高度

工欲善其事，必先利其器 之 WPF篇: 随着开发轨迹来看高效WPF开发的工具和技巧

原文:工欲善其事,必先利其器 之 WPF篇: 随着开发轨迹来看高效WPF开发的工具和技巧 之前一篇<工欲善其事,必先利其器.VS2013全攻略(安装,技巧,快捷键,插件)!> 看到很多朋友回复和支持,非常感谢,尤其是一些拍砖的喷油,感谢你们的批评,受益良多. 我第一份工作便是WPF的开发,一直到现在都非常喜欢这门技术,从懵懵懂懂到现在有一些WPF开发资历,也算是经历了一段坎坷的过程.我的朋友看到我写了VS2013的全攻略,他就推荐我写一个WPF篇,我想了下,的确很多朋友初接触WPF的时候难免会

一起谈.NET技术，WPF 基础到企业应用系列3——WPF开发漫谈

1.开篇前言      首先很高兴这个系列能得到大家的关注和支持,基于对大家负责和对自己负责的态度,我会不断努力写好这个系列,分享自己的微薄技术和经验,希望在帮助别人的同时也不断提升自己.由于这篇文章稍多,所以读者花的时间长了一些,也希望大家能够见谅,这个系列以后会每周发三到四篇左右(主要是写一篇差不多要花几晚上,感觉思维比较发散),除了讲WPF技术本身之外,也会讲一些项目具体开发,所以敬请关注.在前两次的文章中我们对WPF有了一个比较全面的认识,那么在本篇文章当中,除了讲一些理论知识外,我们会

Win10 UWP开发系列：开发一个自定义控件——带数字徽章的AppBarButton

原文:Win10 UWP开发系列:开发一个自定义控件--带数字徽章的AppBarButton 最近有个项目有一个这样的需求,在文章浏览页底部有几个AppBarButton,其中有一个是评论按钮,需要在评论按钮上显示一个红色数字,类似微信的新消息提醒: 这种设计在iOS和Android平台都是很常见的,但UWP上并没有提供现成的控件.所以只能自己实现一个了.   做出来效果是这样的:   分析一下实现的思路.首先这还是一个AppBarButton,只是其中增加了一个数字徽章的显示,这个属性应该是可

【Android开发】图形图像处理技术-绘制文本

在Android中,虽然可以通过TextView或图片现实文本,但是在开发游戏,特别是开发RPG(角色)类游戏时,会包含很多文字,使用TextView和图片显示文本不太合适,这时,就需要通过绘制文本的方式来实现. Canvas类提供了一系列绘制文本的方法,下面分别行介绍: 1.drawText()方法用于在画布的指定位置绘制文字.该方法比较常用的语法格式如下: drawText(String Text,float x,float y,Paint paint); text用于指定要绘制的文字,x.

C#开发WINDOWS应用程序时消息的处理

window|程序 WINDOWS应用程序是靠消息驱动的,在VC中我们通过CLASSWIZARD可以为某窗口类添加消息处理函数,CLASSWIZARD将为你添加消息映射,对于WINDOWS消息,生成的消息处理函数重载了基类的虚拟方法.而在C#中如何处理消息呢?本文针对VS.NET BETA1环境下的C#简单地介绍WINDOWS消息以及自定义消息的处理方法. 示例代码下载 17K 一.生成一个名为MSGApplication的工程 工程的建立方法请参考:C#学习笔记之一 二.处理WM_PAINT消

WPF基础到企业应用系列3——WPF开发漫谈

1.开篇前言 首先很高兴这个系列能得到大家的关注和支持,基于对大家负责和对自己负责的态度,我会不断努力写好这个系列,分享自己的微薄技术和经验,希望在帮助别人的同时也不断提升自己.由于这篇文章稍多,所以读者花的时间长了一些,也希望大家能够见谅,这个系列以后会每周发三到四篇左右(主要是写一篇差不多要花几晚上,感觉思维比较发散),除了讲WPF技术本身之外,也会讲一些项目具体开发,所以敬请关注.在前两次的文章中我们对WPF有了一个比较全面的认识,那么在本篇文章当中,除了讲一些理论知识外,我们会从实际的开

php-求助！安装PHP开发工具Zend Studio时遇到问题

问题描述 求助!安装PHP开发工具Zend Studio时遇到问题 我在安装ZendStudio之前已经安装好了PHP集成开发环境WAMPServer,然后想安装PHP开发工具ZendStudio,然后安装之后提示说没有检测到ZendServer,我之前安装的不可以吗?还要再安装ZendServer吗?因为不想电脑装重复的东西才问的,望大神指点,谢谢~~~~ 解决方案 搞好了,现在在ZendStudio写好PHP文件之后能够在浏览器中运行了,zendStudio和WAMPSer能够一起使用的,一

测试-Android开发中用VideoView运行时出现该视频无法播放

问题描述 Android开发中用VideoView运行时出现该视频无法播放 package com.example.myvideo; import java.io.File; import android.app.Activity; import android.media.MediaPlayer; import android.media.MediaPlayer.OnErrorListener; import android.media.MediaPlayer.OnPreparedListen