精华内容
下载资源
问答
  • 圆角按钮样式

    2015-08-29 15:10:10
    < input type ...css:圆角按钮 width:210px; height:50px; border-radius: 15px;background-color:#00CD00; border:0px #FE6714 solid; cursor: pointer; color:white; font-size:16px;
    展开全文
  • QT 水晶圆角按钮样式

    千次阅读 2018-05-29 19:34:53
    *QT 生成水晶圆角按钮样式* 不用任何图标就可以生成水晶按钮,看起来还是比较好看,直接上图看效果 可以通过QPushButton 和QToolButton 实现 QPushButton具体代码如下: QPushButton{ min-width:80px; min...

    *QT 生成水晶圆角按钮样式*
    不用任何图标就可以生成水晶按钮,看起来还是比较好看,直接上图看效果
    这里写图片描述
    可以通过QPushButton 和QToolButton 实现
    QPushButton具体代码如下:

    QPushButton{  
           min-width:80px;  
           min-height:32px;  
        }  
     QPushButton{  
        color:rgb(233, 236, 243);  
        min-height:20;  
        border-style:solid;  
        border-top-left-radius:2px;  
        border-top-right-radius:2px;  
        background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 rgb(226,236,241),   
                                    stop: 0.3 rgb(33,184,150),  
                                      stop: 1 rgb(29,170,140));  
        border:1px;  
        border-radius:5px;padding:2px 4px;/*border-radius控制圆角大小*/  
        }  
        QPushButton:hover{  /*鼠标放上后*/  
        color:rgb(233, 236, 243);  
        min-height:20;  
        border-style:solid;  
        border-top-left-radius:2px;  
        border-top-right-radius:2px;  
        background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 rgb(226,236,241),   
                                    stop: 0.3 rgb(37,189,252),  
                                      stop: 1 rgb(32,170,240));  
        border:1px;  
        border-radius:5px;padding:2px 4px;  
        }  
        QPushButton:pressed{ /*按下按钮后*/  
        color:rgb(233, 236, 243);  
        min-height:20;  
        border-style:solid;  
        border-top-left-radius:2px;  
        border-top-right-radius:2px;  
        background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 rgb(226,236,241),   
                                    stop: 0.3 rgb(38,190,255),  
                                      stop: 1 rgb(33,184,240));  
        border:1px;  
        border-radius:5px;padding:2px 4px;  
        };  

    QToolButton 样式如下:

    QToolButton{  
           min-width:80px;  
           min-height:32px;  
        }  
        QToolButton{  
        color:rgb(233, 236, 243);  
        min-height:20;  
        border-style:solid;  
        border-top-left-radius:2px;  
        border-top-right-radius:2px;  
        background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 rgb(226,236,241),   
                                    stop: 0.3 rgb(33,184,150),  
                                      stop: 1 rgb(29,170,140));  
        border:1px;  
        border-radius:5px;padding:2px 4px;/*border-radius控制圆角大小*/  
        }  
        QToolButton:hover{  /*鼠标放上后*/  
        color:rgb(233, 236, 243);  
        min-height:20;  
        border-style:solid;  
        border-top-left-radius:2px;  
        border-top-right-radius:2px;  
        background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 rgb(226,236,241),   
                                    stop: 0.3 rgb(37,189,252),  
                                      stop: 1 rgb(32,170,240));  
        border:1px;  
        border-radius:5px;padding:2px 4px;  
        }  
        QToolButton:pressed{ /*按下按钮后*/  
        color:rgb(233, 236, 243);  
        min-height:20;  
        border-style:solid;  
        border-top-left-radius:2px;  
        border-top-right-radius:2px;  
        background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 rgb(226,236,241),   
                                    stop: 0.3 rgb(38,190,255),  
                                      stop: 1 rgb(33,184,240));  
        border:1px;  
        border-radius:5px;padding:2px 4px;  
        }  
        QToolButton:checked{    /*选中后*/  
        color:rgb(233, 236, 243);  
        min-height:20;  
        border-style:solid;  
        border-top-left-radius:2px;  
        border-top-right-radius:2px;  
        background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 rgb(226,236,241),   
                                    stop: 0.3 rgb(38,190,255),  
                                      stop: 1 rgb(33,184,240));  
        border:1px;  
        border-radius:5px;padding:2px 4px;  
        }  
    展开全文
  • Qt设置圆角按钮样式

    2016-03-09 13:39:00
    Qt设置圆角按钮样式 Qt中使用stylesheet方式将按钮设置成圆角按钮,代码如下:setStyleSheet("border:2px groove gray;border-radius:10px;padding:2px 4px;");如pushButton如下用法:...

    Qt设置圆角按钮样式

     

    Qt中使用stylesheet方式将按钮设置成圆角按钮,代码如下:

    setStyleSheet("border:2px groove gray;border-radius:10px;padding:2px 4px;");

    如pushButton如下用法:

    pushButton->setStyleSheet("border:2px groove gray;border-radius:10px;padding:2px 4px;");


    更多>setStyleSheet用法如下:

    qApp->setStyleSheet("QLineEdit {

    myDialog->setStyleSheet("QLineEdit { background-color: yellow }");

    myDialog->setStyleSheet("QLineEdit#nameEdit { background-color: yellow }");

    nameEdit->setStyleSheet("background-color: yellow");

    nameEdit->setStyleSheet("color: blue; background-color: yellow");

    nameEdit->setStyleSheet("color: blue;"
                             "background-color: yellow;"
                             "selection-color: yellow;"
                             "selection-background-color: blue;");

    posted @ 2016-03-09 13:39 心灵捕手 阅读(...) 评论(...)  编辑 收藏
    展开全文
  • UWP 圆角按钮样式

    千次阅读 2016-12-08 10:56:35
    微软真是食屎了,乱改XAML语言,Morther Fuck! 代码如下: TargetType="Button"> Value="{ThemeResource Butto
    微软真是食屎了,乱改XAML语言,Morther Fuck!
    代码如下:
            <Style x:Key="ButtonStyle1"
                   TargetType="Button">
                <Setter Property="Background"
                        Value="{ThemeResource ButtonBackground}" />
                <Setter Property="Foreground"
                        Value="{ThemeResource ButtonForeground}" />
                <Setter Property="BorderBrush"
                        Value="{ThemeResource ButtonBorderBrush}" />
                <Setter Property="BorderThickness"
                        Value="{ThemeResource ButtonBorderThemeThickness}" />
                <Setter Property="Padding"
                        Value="8,4,8,4" />
                <Setter Property="HorizontalAlignment"
                        Value="Left" />
                <Setter Property="VerticalAlignment"
                        Value="Center" />
                <Setter Property="FontFamily"
                        Value="{ThemeResource ContentControlThemeFontFamily}" />
                <Setter Property="FontWeight"
                        Value="Normal" />
                <Setter Property="FontSize"
                        Value="{ThemeResource ControlContentThemeFontSize}" />
                <Setter Property="UseSystemFocusVisuals"
                        Value="True" />
                <Setter Property="FocusVisualMargin"
                        Value="-3" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid x:Name="RootGrid" CornerRadius="20"
                                  Background="{TemplateBinding Background}">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal">
                                            <Storyboard>
                                                <PointerUpThemeAnimation Storyboard.TargetName="RootGrid" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background"
                                                                               Storyboard.TargetName="RootGrid">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                                            Value="{ThemeResource ButtonBackgroundPointerOver}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush"
                                                                               Storyboard.TargetName="ContentPresenter">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                                            Value="{ThemeResource ButtonBorderBrushPointerOver}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground"
                                                                               Storyboard.TargetName="ContentPresenter">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                                            Value="{ThemeResource ButtonForegroundPointerOver}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <PointerUpThemeAnimation Storyboard.TargetName="RootGrid" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background"
                                                                               Storyboard.TargetName="RootGrid">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                                            Value="{ThemeResource ButtonBackgroundPressed}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush"
                                                                               Storyboard.TargetName="ContentPresenter">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                                            Value="{ThemeResource ButtonBorderBrushPressed}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground"
                                                                               Storyboard.TargetName="ContentPresenter">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                                            Value="{ThemeResource ButtonForegroundPressed}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <PointerDownThemeAnimation Storyboard.TargetName="RootGrid" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background"
                                                                               Storyboard.TargetName="RootGrid">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                                            Value="{ThemeResource ButtonBackgroundDisabled}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush"
                                                                               Storyboard.TargetName="ContentPresenter">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                                            Value="{ThemeResource ButtonBorderBrushDisabled}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground"
                                                                               Storyboard.TargetName="ContentPresenter">
                                                    <DiscreteObjectKeyFrame KeyTime="0"
                                                                            Value="{ThemeResource ButtonForegroundDisabled}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <ContentPresenter x:Name="ContentPresenter" CornerRadius="20"
                                                  AutomationProperties.AccessibilityView="Raw"
                                                  BorderBrush="{TemplateBinding BorderBrush}"
                                                  BorderThickness="{TemplateBinding BorderThickness}"
                                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                                  ContentTransitions="{TemplateBinding ContentTransitions}"
                                                  Content="{TemplateBinding Content}"
                                                  HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                  Padding="{TemplateBinding Padding}"
                                                  VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
    
    注意:UWP不能外层套个Border和WPF不同,套上就不行了。。。骂人,最外层设置好CornerRadius="20",同时设置ContentPresenter的CornerRadius="20",不然不协调。

    效果如下:

    展开全文
  • wpf之圆角按钮样式

    千次阅读 2018-08-14 13:22:44
    添加按钮圆角属性: namespace XXXXX { class BorderRadiusButton :System.Windows.Controls.Button { #region 属性 //圆角 public int BorderRadius { get { return (i...
  • css3自定义渐变圆角按钮样式分享,大家参考使用吧
  • 在 Xamarin 中可以方便进行样式定义或不进行定义样式只修改属性而改变外观,如按钮圆角可以通过 CornerRadius 属性设置 按钮使用圆角时,如果更改边框的颜色建议同时更改边框的宽度和边框颜色,在不同的平台下默认...
  • /templets/default/think201610/bodys.htmdiv css不同大小尺寸圆角案例,css不同颜色的圆角按钮资源代码,可用于div圆角按钮效果、input圆角按钮、button圆角按钮、a超链接圆角按钮效果样式代码框架资源。...
  • 自定义的button样式圆角按钮,圆角button
  • jQuery简单实用圆角分页按钮样式代码,一款大气的jQuery动态分页插件。
  • Android自定义纯色圆角按钮

    热门讨论 2015-01-15 18:02:13
    自定义纯色圆角按钮样式,不用图片也可以实现纯色按钮的效果!
  • -- 设置按钮的四个角为弧形 --> <!-- android:radius 弧形的半径 --> <corners android:radius="50dip" /> //这里是设置圆的弧度,也就是越大越圆 <!-- padding:Button里面的文字与Button边界的间隔 --> ...
  • 抽取共有部分,按钮样式style &amp;lt;style name=&quot;topButton&quot;&amp;gt; &amp;lt;item name=&quot;android:layout_width&quot;&amp;gt;wrap_content&amp;lt;/item&...
  • 百度小程序按钮去掉圆角边框样式 去掉圆角 /*这两个都要添加才可以去掉*/ ...百度小程序中的按钮样式大多位于after中,如果给button设置失败,尝试着在这里试一下,不行的话,就button和这里都试一下。 ...
  • 先上效果图 布局xml <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <... android:layout_width
  • 1 <LinearGradientBrush x:Key="LinearGradientBlueBackground" EndPoint="0.5,1" StartPoint="0.5,0"> 2 <GradientStop Color="#FF377FED" Offset="0" /> 3 ...
  • 一款可用背景图做的按钮,图片使用圆角,大家可以定做图片,修改样式等。。。。图片按钮,漂亮美观大方按钮
  • Android 圆角按钮的实现

    万次阅读 多人点赞 2019-03-14 16:00:15
    Android 圆角按钮的实现 效果图: 在res/drawable目录下新建按钮样式文件 btn_normal.xml(正常状态) 和 btn_pressed.xml(按下状态)。 btn_normal.xml文件: &lt;?xml version="1.0" encoding=&...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 40,158
精华内容 16,063
关键字:

圆角按钮样式