精华内容
下载资源
问答
  • WPFButton样式

    2018-10-09 11:49:26
    WPFButton样式,6种button样式,简单的按钮样式,美化界面按钮
  • 好看的button样式

    2018-01-03 10:47:35
    分享50个CSS超炫丽button样式代码下载分享50个CSS超炫丽button样式代码下载
  • html css button样式

    2013-05-24 15:18:03
    html css button样式
  • 好看的button样式CSS

    2018-09-01 18:10:33
    好看的button样式CSS,你值得下载,
  • button 样式 代码

    2010-02-26 14:45:06
    几种button样式代码, 还不错 欢迎下载
  • 自定义Button样式

    2018-08-30 09:18:37
    实现了多种Button的自定义样式button圆角的设置,button的大小完美适配TextView
  • 自定义的button样式,圆角按钮,圆角button
  • Android shape自定义button样式.pdf
  • 漂亮的button样式

    2010-12-27 15:44:20
    漂亮的button样式总有你喜欢的,你懂的
  • 小程序 按钮Button样式

    千次阅读 2017-09-27 16:49:02
    button样式不理想,自己设置个button样式
    场景:
    

      form表单需要button触发提交,但是原生button样式不理想


    解决:

      view+css处理样式


    代码如下:

    view

    <view class="btnbox" hover-class="btnbox_hover">
        <button class="btn" bindtap="btnClick"></button>
        <view class="text">确定</view>
    </view>


    wxss

    .btnbox {
      width: 500rpx;
      height: 100rpx;
      border-radius: 8rpx;
      position: relative;
      overflow: hidden;
      background: #ffb80d;
      color: #fff;
      font-size: 36rpx;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    .btnbox .btn {
      position: absolute;
      width: 100%;
      height: 100%;
      margin:0;
      padding: 0;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border: 0;
      opacity: 0;
      background: transparent;
      z-index: 9;
    }
    
    .btnbox .text {
      display: block;
      line-height: 1.5;
      text-align: center;
    }
    
    .btnbox_hover {
      background: #e6a301
    }

    解决思路:

    创建box,让清空样式的button绝对定位,覆盖整个box。

    在box上面创建所需要的样式。



    展开全文
  • ASP.net开发经典button样式ASP.net开发经典button样式
  • 50个CSS超炫丽button样式代码下载
  • CSS超炫丽button样式,案例 制作按钮超好
  • wpf radiobutton模版设计成button样式

    热门讨论 2013-09-26 14:33:59
    wpf radiobutton模版设计成button样式
  • 50个CSS超炫丽button样式设计界面好帮手 50个CSS超炫丽button样式设计界面好帮手
  • * ,通常我们需要自定义Button样式,自定义Button样式有三种: * 1、使用.9格式图片作为Button背景,或者作为ImageView、 * TextView、RadioButton等控件背景,效果都不错,能够自适应 * 2、使用自定义矢量图的...
  • 小程序button样式重写

    2019-04-22 11:17:35
    小程序button样式重写 方法一 button border:none; } 方法二 如果form标签里的button button::after{ border:none; } 如有问题请我~

    小程序button样式重写

    方法一

    button
    border:none;
    }

    方法二 如果form标签里的button

    button::after{
    border:none;
    }

    如有问题请联系我~

    欢迎加入QQ群:
    在这里插入图片描述

    展开全文
  • 炫酷Button样式

    千次阅读 2016-10-07 16:40:37
    按钮 button
    平时我们所用的Button样式过于单一,不怎么好看,帮助基础的同学们学会使用Style改变Button样式,我简单的写一点东西
    
    <span style="font-size:18px;"><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <Button
            android:layout_marginTop="50dp"
            android:id="@+id/button"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="点击我吧看我色变"
            android:textColor="@drawable/button_text"
            android:background="@drawable/button_bg"/>
    
    </RelativeLayout>
    </span>

    上面的代码是主布局中的代码,从上面我们可以看出来最重要的也就两句话

            android:textColor="@drawable/button_text"
            android:background="@drawable/button_bg"
    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item android:state_pressed="true">
            <!-- 定义当button 处于pressed 状态时的形态。-->
            <shape>
                <gradient android:startColor="#93c348" android:endColor="#93c348"/>
                <stroke android:width="2dp" android:color="#d3d3d3" />
                <corners android:radius="5dp" />
                <padding android:left="10dp" android:top="10dp"
                    android:bottom="10dp" android:right="10dp" />
            </shape>
        </item>
        <item android:state_pressed="false">
            <!-- 定义当button 处于pressed 状态时的形态。-->
            <shape>
                <!--下面这句代码是渐变的功能-->
                <gradient android:startColor="#5cb85c" android:endColor="#5cb85c"/>
                <stroke android:width="1dp" android:color="#d3d3d3" />
                <corners android:radius="5dp" />
                <padding android:left="10dp" android:top="10dp"
                    android:bottom="10dp" android:right="10dp" />
            </shape>
        </item>
    </selector>


    gradient是渐变从左到右的颜色渐变,这里我们可以用同一种颜色即可
     
    
    <pre name="code" class="html">stroke表示外围框的宽度 后面表示颜色
    corners表示button外面四个角的圆弧弧度
    adding是间距,不用多说了
    
    下面这个文字的渐变
    <pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_pressed="false" android:color="#000000"/>
        <item android:state_pressed="true" android:color="#ffffff"/>
    </selector>


     
    
     这两个样式写完之后我们在button的background和textxcolor应用这两个就可以,如上面的所示 
    
     
    

    展开全文
  • Android Button 样式 圆角

    千次阅读 2015-03-02 12:30:04
    Android应用端开发中,在设置button样式的时候,为了使减少布局中图片的使用量,则 我们可以在selectoer选择器中运用Android系统中自带的shape组件来代替图片,这样可以减少 app的索赞内存的大小。


    Android应用端开发中,在设置button样式的时候,为了使减少布局中图片的使用量,则
    我们可以在selectoer选择器中运用Android系统中自带的shape组件来代替图片,这样可以减少
    app的索赞内存的大小。

    当焦点集中的时候:
    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android=" http://schemas.android.com/apk/res/android" >

        <!-- 同时设置五个属性,则Radius属性无效 -->
        <!-- 设置2个角的直径 -->
        <corners android:radius="270dp" />
        <!-- 设置左上角的半径 -->
        <!-- <corners android:topLeftRadius="20dp" /> -->
        <!-- 设置右上角的半径 -->
        <!-- <corners android:topRightRadius="20dp" /> -->
        <!-- 设置右下角的半径 -->
        <!-- <corners android:bottomLeftRadius="20dp" /> -->
        <!-- 设置左下角的半径 -->
        <!-- <corners android:bottomRightRadius="20dp" /> -->
        <!-- 填充的颜色 -->
        <!-- <solid android:color="@android:color/holo_green_light" /> -->
        <!-- 渐变 如果要用solid来填充,就不能用dradient渐变来填充颜色的 否则会报错-->
        <gradient
            android:endColor="#696969"
            android:gradientRadius="150"
            android:startColor="#d6dbdf"
            android:type="linear" />
        <!-- 描边 -->
        <stroke
            android:dashGap="3dp"
            android:dashWidth="5dp"
            android:width="2dp"
            android:color="#000000" />
        <!-- 间隔 -->
        <padding
            android:bottom="10dp"
            android:left="10dp"
            android:right="10dp"
            android:top="10dp" />
    </shape>
    当释放焦点的时候:

      <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android=" http://schemas.android.com/apk/res/android" >


        <!-- 同时设置五个属性,则Radius属性无效 -->

        <!-- 设置2个角的直径 -->

        <corners android:radius="270dp" />

        <!-- 设置左上角的半径 -->

        <!-- <corners android:topLeftRadius="20dp" /> -->

        <!-- 设置右上角的半径 -->

        <!-- <corners android:topRightRadius="20dp" /> -->

        <!-- 设置右下角的半径 -->

        <!-- <corners android:bottomLeftRadius="20dp" /> -->

        <!-- 设置左下角的半径 -->

        <!-- <corners android:bottomRightRadius="20dp" /> -->

        <!-- 填充的颜色 -->

        <solid android:color="@android:color/holo_red_dark" />

        <!-- 描边 -->

        <stroke

            android:dashGap="3dp"

            android:dashWidth="5dp"

            android:width="2dp"

            android:color="#000000" />

     <!-- 间隔  -->  

        <padding  

            android:bottom="10dp"  

            android:left="10dp"  

            android:right="10dp"  

            android:top="10dp" />  

    </shape>

    backGround - selector选择器:
    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android=" http://schemas.android.com/apk/res/android">

        <item android:drawable="@drawable/te_shape_press" android:state_focused="true"/>
        <item android:drawable="@drawable/te_shape_press" android:state_pressed="true"/>
        <item android:drawable="@drawable/te_shape_normal"/>

    </selector>

    xml布局:
    <Button
            android:background="@drawable/btn_select"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="@dimen/activity_horizontal_margin"
            android:text="@string/my_btn" />

    Android应用端开发中,在设置button样式的时候,为了使减少布局中图片的使用量,则
    我们可以在selectoer选择器中运用Android系统中自带的shape组件来代替图片,这样可以减少
    app的索赞内存的大小。
    展开全文
  • 50个CSS超炫丽button样式代码,你还在为不知道使用怎样的button还发愁
  • 36种button样式

    万次阅读 2017-11-17 13:08:24
    <!DOCTYPE HTML> <title>36种漂亮的CSS3网页按钮Button样式 body{ background: #f5faff; } .demo_con{ width: 960px; margin:40px auto 0
  • 分享50个CSS超炫丽button样式代码下载
  • 50个css button样式

    2013-04-06 22:57:12
    想写出漂亮的button样式吗?快来这里看一下吧,绝对有你需要的哟
  • Android 5.0 默认 Button 样式修改

    千次阅读 2018-05-26 10:59:57
    在 Android 5.0 以上的设备中,API 提供的 Button 样式自带了 Material Design 风格,默认的颜色还是灰色。但在大多数情况下我们需要修改 Button 的颜色来适应我们应用的整体风格。 当我们和往常一样通过设置 ...
  • 移除ios自带button样式
  • css中button样式带边框的问题 在写button按钮样式时,总是自带边框,十分丑陋,如图 这是因为button按钮自带样式的结果,只需要清除自带样式就可以了 button::after { border: 0; } 这样就不会有边框了 ...
  • 50个CSS超炫丽button样式代码.zip
  • 微信小程序自定义 button样式 wxml <view class="fixedBottom"> <button class="btn" style="width:100%; height: 100%;"formType="submit">保存</button> </view> wxss ....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 236,241
精华内容 94,496
关键字:

button样式