[源码下载]

背水一战 Windows 10 (70) - 控件(控件基类): UIElement - Transform3D(3D变换), Projection(3D投影)

作者:webabcd

介绍
背水一战 Windows 10 之 控件(控件基类 - UIElement)

  • Transform3D(3D变换)
  • Projection(3D投影)

示例
1、演示 UIElement 的 3D 变换的应用
Controls/BaseControl/UIElementDemo/Transform3DDemo.xaml

<Page
x:Class="Windows10.Controls.BaseControl.UIElementDemo.Transform3DDemo"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Windows10.Controls.BaseControl.UIElementDemo"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"> <Grid Background="Transparent"> <!--
UIElement - UIElement
Transform3D - 3D 变换(通过 CompositeTransform3D 结合 PerspectiveTransform3D 来完成 3D 变换)
--> <Grid.Transform3D>
<!--
PerspectiveTransform3D - 让指定的空间内的元素支持通过 CompositeTransform3D 来实现 3D 变换
OffsetX - 透视原点相对于元素中心的 x 方向的偏移量
OffsetY - 透视原点相对于元素中心的 y 方向的偏移量
Depth - 到 z=0 的平面的距离,必须大于 0,默认值为 1000
-->
<PerspectiveTransform3D OffsetX="{x:Bind sliderOX.Value, Mode=OneWay}"
OffsetY="{x:Bind sliderOY.Value, Mode=OneWay}"
Depth="{x:Bind sliderD.Value, Mode=OneWay}"> </PerspectiveTransform3D>
</Grid.Transform3D> <StackPanel HorizontalAlignment="Center">
<Image Source="/Assets/hololens.jpg" Width="200" Height="200" Name="image" Margin="5">
<Image.Transform3D>
<!--
CompositeTransform3D - 为 UIElement 实现 3D 变换(此 UIElement 的祖辈必须要设置了 PerspectiveTransform3D)
CenterX, CenterY, CenterZ - 3D 变换的中心点位置(单位:像素)
RotationX, RotationY, RotationZ - 3D 变换的旋转角度(单位:度)
ScaleX, ScaleY, ScaleZ - 3D 变换的缩放比例
TranslateX, TranslateY, TranslateZ - 3D 变换的位移距离(单位:像素) 注意:x 坐标向右为正,y 坐标向下为正,z 坐标向你为正(左手坐标系)
-->
<CompositeTransform3D CenterX="{x:Bind sliderCX.Value, Mode=OneWay}"
CenterY="{x:Bind sliderCY.Value, Mode=OneWay}"
CenterZ="{x:Bind sliderCZ.Value, Mode=OneWay}" RotationX="{x:Bind sliderRX.Value, Mode=OneWay}"
RotationY="{x:Bind sliderRY.Value, Mode=OneWay}"
RotationZ="{x:Bind sliderRZ.Value, Mode=OneWay}" ScaleX="{x:Bind sliderSX.Value, Mode=OneWay}"
ScaleY="{x:Bind sliderSY.Value, Mode=OneWay}"
ScaleZ="{x:Bind sliderSZ.Value, Mode=OneWay}" TranslateX="{x:Bind sliderTX.Value, Mode=OneWay}"
TranslateY="{x:Bind sliderTY.Value, Mode=OneWay}"
TranslateZ="{x:Bind sliderTZ.Value, Mode=OneWay}">
</CompositeTransform3D>
</Image.Transform3D>
</Image> <StackPanel Orientation="Horizontal" Margin="5">
<Slider Name="sliderOX" Minimum="-100" Maximum="100" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="OffsetX: "/>
<TextBlock Text="{x:Bind sliderOX.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderOY" Minimum="-100" Maximum="100" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="OffsetY: "/>
<TextBlock Text="{x:Bind sliderOY.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderD" Minimum="100" Maximum="5000" Value="1000" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="Depth: "/>
<TextBlock Text="{x:Bind sliderD.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
</StackPanel> <StackPanel Orientation="Horizontal" Margin="5">
<Slider Name="sliderCX" Minimum="-300" Maximum="300" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="CenterX: "/>
<TextBlock Text="{x:Bind sliderCX.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderCY" Minimum="-300" Maximum="300" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="CenterY: "/>
<TextBlock Text="{x:Bind sliderCY.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderCZ" Minimum="-300" Maximum="300" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="CenterZ: "/>
<TextBlock Text="{x:Bind sliderCZ.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
</StackPanel> <StackPanel Orientation="Horizontal" Margin="5">
<Slider Name="sliderRX" Minimum="0" Maximum="360" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="RotationX: "/>
<TextBlock Text="{x:Bind sliderRX.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderRY" Minimum="0" Maximum="360" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="RotationY: "/>
<TextBlock Text="{x:Bind sliderRY.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderRZ" Minimum="0" Maximum="360" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="RotationZ: "/>
<TextBlock Text="{x:Bind sliderRZ.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
</StackPanel> <StackPanel Orientation="Horizontal" Margin="5">
<Slider Name="sliderSX" Minimum="0.1" Maximum="10" StepFrequency="0.1" Value="1" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="ScaleX: "/>
<TextBlock Text="{x:Bind sliderSX.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderSY" Minimum="0.1" Maximum="10" StepFrequency="0.1" Value="1" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="ScaleY: "/>
<TextBlock Text="{x:Bind sliderSY.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderSZ" Minimum="0.1" Maximum="10" StepFrequency="0.1" Value="1" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="ScaleZ: "/>
<TextBlock Text="{x:Bind sliderSZ.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
</StackPanel> <StackPanel Orientation="Horizontal" Margin="5">
<Slider Name="sliderTX" Minimum="-100" Maximum="100" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="TranslateX: "/>
<TextBlock Text="{x:Bind sliderTX.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderTY" Minimum="-100" Maximum="100" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="TranslateY: "/>
<TextBlock Text="{x:Bind sliderTY.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderTZ" Minimum="-100" Maximum="100" Width="200" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="TranslateZ: "/>
<TextBlock Text="{x:Bind sliderTZ.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
</StackPanel>
</StackPanel>
</Grid>
</Page>

Controls/BaseControl/UIElementDemo/Transform3DDemo.xaml.cs

/*
* UIElement - UIElement(继承自 DependencyObject, 请参见 /Controls/BaseControl/DependencyObjectDemo/)
* Transform3D - 3D 变换
*
*
* 本例用于演示 UIElement 的 3D 变换的应用
*/ using Windows.UI.Xaml.Controls; namespace Windows10.Controls.BaseControl.UIElementDemo
{
public sealed partial class Transform3DDemo : Page
{
public Transform3DDemo()
{
this.InitializeComponent();
}
}
}

2、演示 UIElement 的投影(模拟 3D 效果)的应用
Controls/BaseControl/UIElementDemo/ProjectionDemo.xaml

<Page
x:Class="Windows10.Controls.BaseControl.UIElementDemo.ProjectionDemo"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Windows10.Controls.BaseControl.UIElementDemo"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"> <Grid Background="Transparent">
<StackPanel Margin="10 0 10 10" HorizontalAlignment="Center"> <!--
Projection - 投影(模拟 3D 效果,可用类型有 PlaneProjection 和 Matrix3DProjection) PlaneProjection - 将对象投影到平面(通过 x,y,z 方向的旋转和位移控制投影),用于模拟出 UIElement 的 3D 效果
RotationX, RotationY, RotationZ - 绕 X轴, Y轴, Z轴 旋转的角度
CenterOfRotationX, CenterOfRotationY, CenterOfRotationZ - X轴, Y轴, Z轴 旋转中心点的位置
CenterOfRotationX - 相对值,默认值为 0.5 即中心,0 代表 UIElement 的最左端,1 代表 UIElement 的最右端,可以小于 0 也可以大于 1
CenterOfRotationY - 相对值,默认值为 0.5 即中心,0 代表 UIElement 的最顶端,1 代表 UIElement 的最底端,可以小于 0 也可以大于 1
CenterOfRotationZ - 像素值,默认值为 0,靠向你的方向为正,远离你的方向为负(即左手坐标系)
GlobalOffsetX, GlobalOffsetY, GlobalOffsetZ - 沿 X轴, Y轴, Z轴 的偏移量,此 3 个方向与屏幕的 3 个方向相同
LocalOffsetX, LocalOffsetY, LocalOffsetZ - 沿 X轴, Y轴, Z轴 的偏移量,此 3 个方向与相关的 UIElement 当前的 3 个方向相同
ProjectionMatrix - 获取当前投影的 Matrix3D 投影矩阵 Matrix3DProjection - 将对象投影到平面(通过 Matrix3D 矩阵控制投影),用于模拟出 UIElement 的 3D 效果
ProjectionMatrix - 获取或设置当前投影的 Matrix3D 投影矩阵
--> <Grid HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0 20 0 0">
<Rectangle Width="200" Height="100" StrokeDashArray="3,1" Stroke="Blue" StrokeThickness="3" />
<Rectangle Width="200" Height="100" Fill="Yellow" Stroke="Red" StrokeThickness="3" Opacity="0.3">
<Rectangle.Projection>
<PlaneProjection x:Name="planeProjection"
CenterOfRotationX="{x:Bind sliderCRX.Value, Mode=OneWay}"
CenterOfRotationY="{x:Bind sliderCRY.Value, Mode=OneWay}"
CenterOfRotationZ="{x:Bind sliderCRZ.Value, Mode=OneWay}" RotationX="{x:Bind sliderRX.Value, Mode=OneWay}"
RotationY="{x:Bind sliderRY.Value, Mode=OneWay}"
RotationZ="{x:Bind sliderRZ.Value, Mode=OneWay}" LocalOffsetX="{x:Bind sliderLOX.Value, Mode=OneWay}"
LocalOffsetY="{x:Bind sliderLOY.Value, Mode=OneWay}"
LocalOffsetZ="{x:Bind sliderLOZ.Value, Mode=OneWay}" GlobalOffsetX="{x:Bind sliderGOX.Value, Mode=OneWay}"
GlobalOffsetY="{x:Bind sliderGOY.Value, Mode=OneWay}"
GlobalOffsetZ="{x:Bind sliderGOZ.Value, Mode=OneWay}">
</PlaneProjection>
</Rectangle.Projection>
</Rectangle>
</Grid> <StackPanel Orientation="Horizontal" Margin="0 30 0 0">
<Slider Name="sliderCRX" Minimum="-1" Maximum="2" StepFrequency="0.1" Value="0.5" Width="200" HorizontalAlignment="Left" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="CenterOfRotationX: "/>
<TextBlock Text="{x:Bind sliderCRX.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderCRY" Minimum="-1" Maximum="2" StepFrequency="0.1" Value="0.5" Width="200" HorizontalAlignment="Left" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="CenterOfRotationY: "/>
<TextBlock Text="{x:Bind sliderCRY.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderCRZ" Minimum="-100" Maximum="100" Value="0" Width="200" HorizontalAlignment="Left" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="CenterOfRotationZ: "/>
<TextBlock Text="{x:Bind sliderCRZ.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
</StackPanel> <StackPanel Orientation="Horizontal">
<Slider Name="sliderRX" Minimum="0" Maximum="360" Width="200" HorizontalAlignment="Left" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="RotationX: "/>
<TextBlock Text="{x:Bind sliderRX.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderRY" Minimum="0" Maximum="360" Width="200" HorizontalAlignment="Left" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="RotationY: "/>
<TextBlock Text="{x:Bind sliderRY.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderRZ" Minimum="0" Maximum="360" Width="200" HorizontalAlignment="Left" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="RotationZ: "/>
<TextBlock Text="{x:Bind sliderRZ.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
</StackPanel> <StackPanel Orientation="Horizontal">
<Slider Name="sliderLOX" Minimum="-150" Maximum="150" Width="200" HorizontalAlignment="Left" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="LocalOffsetX: "/>
<TextBlock Text="{x:Bind sliderLOX.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderLOY" Minimum="-150" Maximum="150" Width="200" HorizontalAlignment="Left" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="LocalOffsetY: "/>
<TextBlock Text="{x:Bind sliderLOY.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderLOZ" Minimum="-150" Maximum="150" Width="200" HorizontalAlignment="Left" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="LocalOffsetZ: "/>
<TextBlock Text="{x:Bind sliderLOZ.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
</StackPanel> <StackPanel Orientation="Horizontal">
<Slider Name="sliderGOX" Minimum="-150" Maximum="150" Width="200" HorizontalAlignment="Left" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="GlobalOffsetX: "/>
<TextBlock Text="{x:Bind sliderGOX.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderGOY" Minimum="-150" Maximum="150" Width="200" HorizontalAlignment="Left" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="GlobalOffsetY: "/>
<TextBlock Text="{x:Bind sliderGOY.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
<Slider Name="sliderGOZ" Minimum="-150" Maximum="150" Width="200" HorizontalAlignment="Left" Foreground="Orange" Background="White" Style="{StaticResource MySliderStyle}" Margin="10">
<Slider.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="GlobalOffsetZ: "/>
<TextBlock Text="{x:Bind sliderGOZ.Value, Mode=OneWay}" />
</StackPanel>
</Slider.Header>
</Slider>
</StackPanel>
</StackPanel>
</Grid>
</Page>

Controls/BaseControl/UIElementDemo/ProjectionDemo.xaml.cs

/*
* UIElement - UIElement(继承自 DependencyObject, 请参见 /Controls/BaseControl/DependencyObjectDemo/)
* Projection - 投影(模拟 3D 效果)
* PlaneProjection - 将对象投影到平面(通过 x,y,z 方向的旋转和位移控制投影)
* Matrix3DProjection - 将对象投影到平面(通过 Matrix3D 矩阵控制投影)
*
*
* 本例用于演示 UIElement 的投影(模拟 3D 效果)的应用
*/ using Windows.UI.Xaml.Controls; namespace Windows10.Controls.BaseControl.UIElementDemo
{
public sealed partial class ProjectionDemo : Page
{
public ProjectionDemo()
{
this.InitializeComponent();
}
}
}

OK
[源码下载]

背水一战 Windows 10 (70) - 控件(控件基类): UIElement - Transform3D(3D变换), Projection(3D投影)的更多相关文章

  1. 背水一战 Windows 10 (16) - 动画: ThemeAnimation(主题动画)

    [源码下载] 背水一战 Windows 10 (16) - 动画: ThemeAnimation(主题动画) 作者:webabcd 介绍背水一战 Windows 10 之 动画 PopInThemeA ...

  2. 背水一战 Windows 10 (37) - 控件(弹出类): MessageDialog, ContentDialog

    [源码下载] 背水一战 Windows 10 (37) - 控件(弹出类): MessageDialog, ContentDialog 作者:webabcd 介绍背水一战 Windows 10 之 控 ...

  3. 背水一战 Windows 10 (36) - 控件(弹出类): ToolTip, Popup, PopupMenu

    [源码下载] 背水一战 Windows 10 (36) - 控件(弹出类): ToolTip, Popup, PopupMenu 作者:webabcd 介绍背水一战 Windows 10 之 控件(弹 ...

  4. 背水一战 Windows 10 (35) - 控件(弹出类): FlyoutBase, Flyout, MenuFlyout

    [源码下载] 背水一战 Windows 10 (35) - 控件(弹出类): FlyoutBase, Flyout, MenuFlyout 作者:webabcd 介绍背水一战 Windows 10 之 ...

  5. 背水一战 Windows 10 (34) - 控件(进度类): RangeBase, Slider, ProgressBar, ProgressRing

    [源码下载] 背水一战 Windows 10 (34) - 控件(进度类): RangeBase, Slider, ProgressBar, ProgressRing 作者:webabcd 介绍背水一 ...

  6. 背水一战 Windows 10 (33) - 控件(选择类): ListBox, RadioButton, CheckBox, ToggleSwitch

    [源码下载] 背水一战 Windows 10 (33) - 控件(选择类): ListBox, RadioButton, CheckBox, ToggleSwitch 作者:webabcd 介绍背水一 ...

  7. 背水一战 Windows 10 (32) - 控件(选择类): Selector, ComboBox

    [源码下载] 背水一战 Windows 10 (32) - 控件(选择类): Selector, ComboBox 作者:webabcd 介绍背水一战 Windows 10 之 控件(选择类) Sel ...

  8. 背水一战 Windows 10 (31) - 控件(按钮类): ButtonBase, Button, HyperlinkButton, RepeatButton, ToggleButton, AppBarButton, AppBarToggleButton

    [源码下载] 背水一战 Windows 10 (31) - 控件(按钮类): ButtonBase, Button, HyperlinkButton, RepeatButton, ToggleButt ...

  9. 背水一战 Windows 10 (30) - 控件(文本类): AutoSuggestBox

    [源码下载] 背水一战 Windows 10 (30) - 控件(文本类): AutoSuggestBox 作者:webabcd 介绍背水一战 Windows 10 之 控件(文本类) AutoSug ...

随机推荐

  1. C# String 与 StringBuilder

    String 字符串不可变性,每次为字符串进行增删或重写赋值会销毁原来的字符串,重新开辟内存空间,因此是非常消耗资源的 字符串可以看做是 char 数组,因此可以用 foreach 对其进行遍历,或者 ...

  2. vuejs如何在服务器部署

    title: vuejs如何在服务器部署 date: 2017-10-31 20:41:03 tags: [vue] --- 上传到网站服务器 Vue 是一个 javascript 的前端框架,它是运 ...

  3. Selenium + Chrome headless 报ERROR:gpu_process_transport_factory.cc(1007)] Lost UI shared context 可忽略并配置不输出日志

    Selenium不再推荐使用PhantomJS,会报如下警告 UserWarning: Selenium support for PhantomJS has been deprecated, plea ...

  4. MANIPULATION

    MANIPULATION Generalizations Congratulations! You learned how to use the command line to view and ma ...

  5. 最适合入门的Laravel中级教程(四)前端开发

    Laravel 使用 npm 安装前端依赖: npm 是一个类似 composer 的工具: 用于管理前端的各种依赖包: 在使用之前需要先安装 node : Windows 下可以在官网下载安装: h ...

  6. jquery中的callbacks之我见

    callbacks是jquery的核心之一. 语法如下: jQuery.Callbacks( flags )   flags 类型: String 一个用空格标记分隔的标志可选列表,用来改变回调列表中 ...

  7. tfs填坑那些事

    1.csdn下载  安装(步1:装 步2:激活 步3:配置数据库之类 选择完全配置)激活(win7能出来,win10不出来) 注意 tfs服务开启,,代理服务开启 2.选择敏捷模板 3.无法新建项目, ...

  8. 记账本,C,Github,Dao

    package dao; import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.ResultSe ...

  9. mallo

    http://luleimi.blog.163.com/blog/static/175219645201302295042968/

  10. 数据库启动windows

    1.上 MongoDB官网下载数据库,下载之后选择自己想放的文件夹要记住文件夹位置,比如我下载之后就放在D盘,改文件夹为 mongodb 2.启动之前要给mongodb指定一个文件夹,这里取名为&qu ...