精华内容
下载资源
问答
  • 按钮不管是桌面应用软件还是网页,都是所用最多的控件,而一个好的设计构思,可以给用户带来很强悍的用户体验,现今,用户体验和用户交互设计得到了很大程度的重视,今天我模仿做了个对话框按钮。 源图片如右图所示...

    运行环境:blend 4.0或者3.0

    按钮不管是桌面应用软件还是网页,都是所用最多的控件,而一个好的设计构思,可以给用户带来很强悍的用户体验,现今,用户体验和用户交互设计得到了很大程度的重视,今天我模仿做了个对话框按钮。

    源图片如右图所示:2011060922533959.jpg

    我模仿的图片如右图所示:2011060922542734.jpg

    很多不足尚待完善,不过如果作为一个程序员,一些东西从实践会慢慢领悟的

    用blend的布局设计如下图所示:

    2011060922564370.jpg

    相应的xaml代码如下所示:

    ContractedBlock.gifExpandedBlockStart.gifView Code
    <UserControl
    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"
    x:Class
    ="XamlDemo1.MainPage"
    Width
    ="640" Height="480">
    <UserControl.Resources>
    <Style x:Key="ButtonStyle1" TargetType="Button">
    <Setter Property="Template">
    <Setter.Value>
    <ControlTemplate TargetType="Button">
    <Grid>
    <Border BorderThickness="1" CornerRadius="20,0,0,20">
    <Path Data="M14.25,14 L29.782225,14" Margin="11,12,4.468,13.75" Stretch="Fill" UseLayoutRounding="False" Stroke="#FFFDFDFD" StrokeThickness="5"/>
    </Border>
    </Grid>
    </ControlTemplate>
    </Setter.Value>
    </Setter>
    </Style>
    <Style x:Key="ButtonStyle2" TargetType="Button">
    <Setter Property="Template">
    <Setter.Value>
    <ControlTemplate TargetType="Button">
    <Grid>
    <Border BorderThickness="1">
    <Grid Margin="8,11,11,9">
    <Rectangle Stroke="#FFFDFDFD" Margin="3,-4,-3,4" StrokeThickness="2"/>
    <Rectangle Stroke="#FFFDFDFD" StrokeThickness="2"/>
    </Grid>
    </Border>
    </Grid>
    </ControlTemplate>
    </Setter.Value>
    </Setter>
    </Style>
    <Style x:Key="ButtonStyle3" TargetType="Button">
    <Setter Property="Template">
    <Setter.Value>
    <ControlTemplate TargetType="Button">
    <Grid>
    <Border BorderThickness="1" CornerRadius="0,20,20,0">
    <Grid Margin="3,7,13,7">
    <Path Data="M22.333344,8 L9.4470797,20.886263" Stretch="Fill" Stroke="#FFFDFDFD" StrokeThickness="3" UseLayoutRounding="False"/>
    <Path Data="M0,0 L14.834265,14.834265" Stretch="Fill" Stroke="#FFFDFDFD" StrokeThickness="3" UseLayoutRounding="False"/>
    </Grid>
    </Border>
    </Grid>
    </ControlTemplate>
    </Setter.Value>
    </Setter>
    </Style>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="White">
    <Grid Height="30" Margin="267,192,241,0" VerticalAlignment="Top">
    <Rectangle Margin="0,0,32,0" RadiusY="20" RadiusX="20" Stroke="#68000000" Fill="#FF372F2F"/>
    <Button Content="Button" HorizontalAlignment="Left" Style="{StaticResource ButtonStyle1}" Width="34"/>
    <Path Data="M33.5,0 L33.5,30.004166" HorizontalAlignment="Left" Margin="33.5,0.479,0,0.482" Stretch="Fill" UseLayoutRounding="False" Width="1">
    <Path.Stroke>
    <LinearGradientBrush EndPoint="4.189,0.313" StartPoint="-6.592,0.305">
    <GradientStop Color="Black" Offset="0.485"/>
    <GradientStop Color="#FFBEAFAF" Offset="0.714"/>
    </LinearGradientBrush>
    </Path.Stroke>
    </Path>
    <Path Data="M33.5,0 L33.5,30.004166" HorizontalAlignment="Left" Margin="34.5,0.479,0,0.482" Stretch="Fill" UseLayoutRounding="False" Width="1">
    <Path.Stroke>
    <LinearGradientBrush EndPoint="4.941,0.405" StartPoint="-7.687,0.405">
    <GradientStop Color="Black" Offset="0.651"/>
    <GradientStop Color="#FFBEAFAF" Offset="0.556"/>
    </LinearGradientBrush>
    </Path.Stroke>
    </Path>
    <Button Content="Button" HorizontalAlignment="Left" Margin="35,0,0,0" Style="{StaticResource ButtonStyle2}" Width="30"/>
    <Path Data="M33.5,0 L33.5,30.004166" HorizontalAlignment="Left" Margin="65,0.961,0,0" Stretch="Fill" UseLayoutRounding="False" Width="1">
    <Path.Stroke>
    <LinearGradientBrush EndPoint="4.189,0.313" StartPoint="-6.592,0.305">
    <GradientStop Color="Black" Offset="0.485"/>
    <GradientStop Color="#FFBEAFAF" Offset="0.714"/>
    </LinearGradientBrush>
    </Path.Stroke>
    </Path>
    <Path Data="M33.5,0 L33.5,30.004166" HorizontalAlignment="Right" Margin="0,0.961,65,0" Stretch="Fill" UseLayoutRounding="False" Width="1">
    <Path.Stroke>
    <LinearGradientBrush EndPoint="4.941,0.405" StartPoint="-7.687,0.405">
    <GradientStop Color="Black" Offset="0.651"/>
    <GradientStop Color="#FFBEAFAF" Offset="0.556"/>
    </LinearGradientBrush>
    </Path.Stroke>
    </Path>
    <Button Content="Button" HorizontalAlignment="Right" Margin="0,0,32,0" Style="{StaticResource ButtonStyle3}" Width="33"/>
    </Grid>
    </Grid>
    </UserControl>

    就这样一个简单的对话框按钮设计就基本完成了,blend很强大!我想只要自己有想法,仔细去剖析设计构思,我想程序员做美工的活儿也未尝不可!希望能够对你有所帮助!

    源代码下载:XamlDemo1.zip

    转载于:https://www.cnblogs.com/LeiCha/archive/2011/06/09/LeiCha1.html

    展开全文
  • 遮罩层听起来貌似很复杂,其实说白了就是一个全界面的半透明的div,用户不可以点击下边的元素,或者说是点击没有反应,接下来通过本文给大家介绍JavaScript如何制作遮罩层对话框,对js遮罩层相关知识感兴趣的朋友...
  • 1)加入属性页 增加对话框资源,修改以下属性 Style – Child Border – Thin System Menu – False2) 为每个属性页生成类,基类为 CPropertyPage3)生成属性对话框类,基类为 CpropertySheet 在属性对话框类...

    1)加入属性页

      增加对话框资源,修改以下属性

      Style – Child

      Border – Thin

      System Menu – False

    2) 为每个属性页生成类,基类为 CPropertyPage

    3)生成属性对话框类,基类为 CpropertySheet

      在属性对话框类头文件中增加类似如下内容:

      #include "PageGeneral.h"

      #include "PageRecord.h"

      class COptionSheet : public CPropertySheet

      {

        DECLARE_DYNAMIC(COptionSheet)

        public:

          COptionSheet(UINT nIDCaption, CWnd* pParentWnd = NULL, UINT iSelectPage = 0);

          COptionSheet(LPCTSTR pszCaption, CWnd* pParentWnd = NULL, UINT iSelectPage = 0);

          virtual ~COptionSheet();

        public:

          CPageGeneral m_pageGeneral;

          CPageRecord m_pageRecord;

        protected:

          DECLARE_MESSAGE_MAP()

        public:

          virtual BOOL OnInitDialog();

      };

      在两个构造函数中均增加如下内容:

      COptionSheet::COptionSheet(UINT nIDCaption, CWnd* pParentWnd, UINT iSelectPage)

          :CPropertySheet(nIDCaption, pParentWnd, iSelectPage)

      {

        AddPage(&m_pageGeneral);

        AddPage(&m_pageRecord);

      }

     

    展开全文
  • 如何对话框制作超链接

    千次阅读 2005-12-22 22:03:00
    这个方便的东东,是用了程红秀老兄的东西哟,先收集了主要用到了他的一个CLINK的类,然后自己编程CSTATIC的映射消息就行了,呵呵,方便http://www.vczx.com/article/show.php?id=1137

    这个方便的东东,是用了程红秀老兄的东西哟,先收集了

    主要用到了他的一个CLINK的类,然后自己编程CSTATIC的映射消息就行了,

    呵呵,方便http://www.vczx.com/article/show.php?id=1137

    展开全文
  • MFC封装类:CFontDialog 核心代码如下: 1 void CGraphicView::OnFont() 2 { 3 CFontDialog dlg;... 4 if( IDOK == dlg.DoModal() ) ... 6 if( m_font.m_hObject ) // 如果m_font对象已经和某个字体资源相...

    MFC封装类:CFontDialog

    核心代码如下:

     1 void CGraphicView::OnFont()
     2 {
     3     CFontDialog dlg;
     4     if( IDOK == dlg.DoModal() )
     5     {
     6         if( m_font.m_hObject )    // 如果m_font对象已经和某个字体资源相关联,要先释放这个资源,之后才能和新的资源进行关联,否则会报错
     7             m_font.DeleteObject();
     8         m_font.CreateFontIndirectW( dlg.m_cf.lpLogFont );
     9         m_strFontName = dlg.m_cf.lpLogFont->lfFaceName;
    10         Invalidate();  // 使窗口无效,就会调用OnDraw函数实现重绘,在OnDraw函数中实现重绘操作;
    11     }
    12 }

    效果如下:

    展开全文
  • 一般来说,对话框都只能设置矩形的,但是可以通过设置对话框的显示区域,来使对话框在界面显示上呈现非矩形的表现形式。非矩形对话框又分两种:1. 有规则的非矩形,比如四个角处是圆弧,此时可以通过在内存先画出...
  • 大家肯定想让自己的文件喊你的名字等等,下面,我就告诉你怎么搞!...打开,就可以弹出对话框,OK了! 你肯定想让他询问你的名字,现在我也告诉你! 输入: name=inputbox("请输入你的名字","提示") msgbo...
  • 在Windows应用程序中,对话框是应用最广泛也是比较难控制其风格(外表)的 一类窗口。Windows 3.x所提供的传统的对话框一般都有一个单调的蓝色的边框 和白色窗口背景,即使采用Borland C++所提供的BorDlg风格的...
  • 如何制作属性页对话框和向导对话框,融合讲解组合框(如何调整组合框的大小)、列表框、单选按钮、复选按钮等常用对话框控件的多种使用方法。如何限制用户在不满足设定的条件时切换到其他属性页和向导页。
  • vs对话框中,如何添加视频按钮,即按一下按钮键,就会播放特定的视频。最好说明白添加什么函数,因为是个菜鸟,所以很多不懂
  • 在asp.net中如果制作消息弹出对话框? 比如信息框中有两个按钮,确定和取消,这该怎么做?
  • 对话框

    2021-02-25 15:46:00
    下面我们来看一下如何制作一个简易的对话框,首先我们要知道对话框需要些什么?1.一般对话的人有两个。2.在对话框输入内容后点击发送后,会在对话的显示区域显示出来。接下来我们看一下HTML部分,如图: 再给予了...
  • 这里写自定义目录标题下面就来用代码介绍一下如何具体实现(以天涯明月刀弹出视频为例)看下完成效果如何插入一段漂亮的代码片生成一个适合你的列表创建一个...#关于网页中弹出对话框制作 制作网页的过程中,很多...
  • 我的对话框在单文档中显示,我想让这个对话框显示异形窗体请问该如何做呢,比如贴个五角星的图片,运行时,单文档中就是五角星,并且星星上可以相应鼠标消息,或者给我点资料也行,wm_ex_layered样式只有在主窗体类型...
  • 如何在windows ce系统下将您的对话框设计的更漂亮,包括checkbox控件。
  • 改变对话框的背景色黄基前(广西桂林)---- 笔者曾在《软件报》2000年第5期中讨论过如何改变控件的颜色,但还有相当一部分的读者来信提问:一个基于对话框的MFC AppWizard应用程序中,如何改变对话框的背景颜色呢?...
  • Android制作显示进度的对话框【源代码】,在显示的对话框中显示一个Loading特效,或者是一个Loading动画或文字等,避免用户误以为系统无反应而关掉,现在Loading在各个对话框中的应用已经是最基本的了。若你是...
  • 本资源教你如何创建资源DLL,如何在主程序中使用DLL资源中的窗体。并实现了对DLL中的对话框的消息处理。关键是afxgetresourcehandle,简单实用。
  • 用VC制作动态弹出的对话框

    千次阅读 2008-11-11 20:26:00
    一、选择方法 通常,我们可以在对话框的WM_...但是,如何改变对话框的大小呢?在编程过程中,我们通常是利用MoveWindow函数来动态调整对话框的大小,但是MoveWindow函数有其局限性:一是它的速度较慢;二是由于众所
  • 密码对话框程序

    2020-09-12 22:59:59
    mfc 对话框嵌入对话框 Here is example Java code showing how to make a password dialog box. This program uses a combination of the JOptionPane ... 这是示例Java代码,显示了如何制作密码对话框。 该程序使...
  • 现在程序要求有一个状态栏类似于Windows的任务栏一样,永远置顶悬浮。...将子对话框设置为非模态的情况下可以操作那个状态栏,现在已经可以置顶,但是当有 模态对话框弹出的时候,无法操作状态栏。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 738
精华内容 295
关键字:

如何制作对话框