网站免费网站app,wordpress文章标题,淘宝店的网站建设分析,河源网站seo突然发现qq登录窗体的翻转特效看起来不错#xff0c;决定用wpf试试。主要知识点就是Viewport3D和AxisAngleRotation3D看一下效果#xff1a;下面看一下代码#xff1a;主要xaml代码#xff1a;UserControl x:ClassGQ.DirectContentSamplexmlnshttp:/… 突然发现qq登录窗体的翻转特效看起来不错决定用wpf试试。主要知识点就是Viewport3D和AxisAngleRotation3D看一下效果下面看一下代码主要xaml代码UserControl x:ClassGQ.DirectContentSamplexmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:xhttp://schemas.microsoft.com/winfx/2006/xamlxmlns:localclr-namespace:GQ Width495 Height470local:Panel3D x:Namepanel MaxWidth495 MaxHeight430local:Panel3D.ContentGrid Width430 Height330Grid.BackgroundLinearGradientBrushGradientStop Offset0 ColorRed/GradientStop Offset0.5 ColorGreen/GradientStop Offset1 ColorBlue//LinearGradientBrush/Grid.BackgroundTextBlock BackgroundTransparent FocusableFalse FontSize30Text搜一搜WPF UI ForegroundWhite HorizontalAlignmentCenter VerticalAlignmentCenter/Button Content翻转 FontSize20 Padding10HorizontalAlignmentRight VerticalAlignmentTopCommandlocal:Panel3D.RotateCommand//Grid/local:Panel3D.Contentlocal:Panel3D.BackContentGrid Width430 Height330 BackgroundLightGreenTextBlock BackgroundTransparent FocusableFalse FontSize30Text这是背面 HorizontalAlignmentCenter VerticalAlignmentCenter/Button Content翻转 FontSize20 Padding10HorizontalAlignmentRight VerticalAlignmentTopCommandlocal:Panel3D.RotateCommand//Grid/local:Panel3D.BackContent/local:Panel3D
/UserControl
控件的样式ResourceDictionary xmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:xhttp://schemas.microsoft.com/winfx/2006/xamlxmlns:localclr-namespace:GQDiffuseMaterial x:KeydiffMaterial Viewport2DVisual3D.IsVisualHostMaterialTrue BrushWhite /MeshGeometry3D x:KeymeshGeometry3D TriangleIndices0,1,2 2,3,0TextureCoordinates0,1 1,1 1,0 0,0Positions-1.3,-1.05,0 1.3,-1.05,0 1.3,1.05,0 -1.3,1.05,0 /Style TargetTypelocal:Panel3DSetter PropertyTemplateSetter.ValueControlTemplate TargetTypelocal:Panel3DControlTemplate.Resourceslocal:ContentValueConverter x:KeyContentConv //ControlTemplate.ResourcesBorder Background{TemplateBinding Background}BorderBrush{TemplateBinding BorderBrush}BorderThickness{TemplateBinding BorderThickness}Width{TemplateBinding Width}Height{TemplateBinding Height} Viewport3D x:NamePART_ViewportViewport3D.ChildrenModelVisual3DModelVisual3D.ContentModel3DGroupDirectionalLight Color#444 Direction0,0,-1 /AmbientLight Color#BBB //Model3DGroup/ModelVisual3D.Content/ModelVisual3DViewport2DVisual3D Material{StaticResource diffMaterial}Geometry{StaticResource meshGeometry3D}Viewport2DVisual3D.TransformRotateTransform3DRotateTransform3D.RotationAxisAngleRotation3D Angle180 //RotateTransform3D.Rotation/RotateTransform3D/Viewport2DVisual3D.TransformViewport2DVisual3D.VisualBorder BorderBrushTransparent BorderThickness1ContentPresenter x:NamePART_BackContentPresenterContent{TemplateBinding BackContent, Converter{StaticResource ContentConv}, ConverterParameterBACK} ContentTemplate{TemplateBinding BackContentTemplate}//Border/Viewport2DVisual3D.Visual/Viewport2DVisual3DViewport2DVisual3D Material{StaticResource diffMaterial}Geometry{StaticResource meshGeometry3D}Viewport2DVisual3D.TransformRotateTransform3DRotateTransform3D.RotationAxisAngleRotation3D Angle0 //RotateTransform3D.Rotation/RotateTransform3D/Viewport2DVisual3D.TransformViewport2DVisual3D.VisualBorder BorderBrushTransparent BorderThickness1ContentPresenter x:NamePART_FrontContentPresenterContent{TemplateBinding Content,Converter{StaticResource ContentConv},ConverterParameterFRONT} ContentTemplate{TemplateBinding ContentTemplate}//Border/Viewport2DVisual3D.Visual/Viewport2DVisual3D/Viewport3D.Children/Viewport3D/Border/ControlTemplate/Setter.Value/Setter
/Style
/ResourceDictionary
由于控件类代码太长就不粘出来了需要控件示例项目代码的小伙伴关注公众号WPF UI,回复 Panel3D 即可获取。如果喜欢点个赞呗~
