精华内容
参与话题
问答
  • 按钮(Button)

    2013-08-31 17:45:03
    Swing提供了许多类型的按钮。所有的按钮,包括检查框,单选按钮,甚至菜单项都是从 AbstractButton(因为包含了菜单项,所以将其命名为“AbstractSelector” 或者其它 概括的名字,似乎更恰当一些)继承而来。...
    Swing提供了许多类型的按钮。所有的按钮,包括检查框,单选按钮,甚至菜单项都是从
    AbstractButton(因为包含了菜单项,所以将其命名为“AbstractSelector” 或者其它
    概括的名字,似乎更恰当一些)继承而来。很快你就会看到菜单项的使用,下面的例子演
    示了几种按钮:


    //: c14:Buttons.java
    // Various Swing buttons.
    // <applet code=Buttons width=350 height=100></applet>
    import javax.swing.*;
    import java.awt.*; 
    import java.awt.event.*; 

    import javax.swing.plaf.basic.*;

    import javax.swing.border.*; 
    import com.bruceeckel.swing.*; 


    public class Buttons extends JApplet { 
    private JButton jb = new JButton("JButton");
    private BasicArrowButton 
        up = new BasicArrowButton(BasicArrowButton.NORTH),
        down = new BasicArrowButton(BasicArrowButton.SOUTH), 
        right = new BasicArrowButton(BasicArrowButton.EAST), 
        left = new BasicArrowButton(BasicArrowButton.WEST);
    public void init() { 
        Container cp = getContentPane(); 
        cp.setLayout(new FlowLayout()); 
        cp.add(jb);
        cp.add(new JToggleButton("JToggleButton"));
        cp.add(new JCheckBox("JCheckBox"));
        cp.add(new JRadioButton("JRadioButton")); 
        JPanel jp = new JPanel(); 
        jp.setBorder(new TitledBorder("Directions"));
        jp.add(up);
        jp.add(down);
        jp.add(left);
        jp.add(right);
        cp.add(jp);
      }
    public static void main(String[] args) { 
        Console.run(new Buttons(), 350, 100); 
      }
    } ///:~


    程序开始加入了来自javax.swing.plaf.basic的BasicArrowButton,然后又加入了几种
    不同类型的按钮。运行例子,你会发现触发器按钮(JToggleButton)能保持自身最新的
    状态:按下或者弹出。不过检查框和单选按钮看起来就差不多,也都是在开和关之间切换
    (它们都是从JToggleButton继承而来)。


    展开全文
  • html中按钮的几种不同写法

    千次阅读 2015-01-03 13:51:12
    第一种:在一般情况下按钮提交表单   这样提交按钮是标签 ,如果想换成图片加上样式,把value="提交" 改成value=" "(这样“提交”两个 字就不会显示在这张背景图片的上面): #button{ ...
    第一种:在一般情况下按钮提交表单


    <form name="form1" method="post" action="index.html">
      <input type="submit" name="button" id="button" value="提交" />
    </form>


    这样提交按钮是标签 <input type="submit">,如果想换成图片加上样式,把value="提交" 改成value=" "(这样“提交”两个


    字就不会显示在这张背景图片的上面):


    #button{
     background:url(eeo_2.jpg) no-repeat;
     width:100px;
     height:50px;
     border:0px;
      }




    第二种:其他情况下按钮提交表单


    <form name="form1" method="post" action="index.html">
      <input type="button" value="提交" οnclick="location='index.html'"/>
    </form>


    当表单没有input标签将表单内容传递给下一个页面时,就可以通过标签<input type="button">




    第三种:直接使用图片标签按钮


    <form name="form1" method="post" action="index.html">
      <input name="submit" type="image" value="提交" src="eeo_2.jpg" />
    </form>


    这样子在html页面上就能直接看到按钮是图片






    第四种:<button> 标签


    <button type="button" οnclick="location='index.html'">提交</button>


    在 button 元素内部,可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。<button> 


    控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容


    都是按钮的内容。请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规


    范)的默认值是 "submit"。
    展开全文
  • 漂亮的Button按钮样式

    万次阅读 多人点赞 2018-08-02 16:26:36
    开发中各种样式的Button,其实这些样式所有的View都可以共用的,可能对于你改变的只有颜色 所有的都是用代码实现   边框样式,给你的View加上边框 &lt;Button android:layout_width=&... android:lay...

    开发中各种样式的Button,其实这些样式所有的View都可以共用的,可能对于你改变的只有颜色

    所有的都是用代码实现

     

    边框样式,给你的View加上边框

        <Button
            android:layout_width="0dip"
            android:layout_height="match_parent"
            android:layout_margin="5dip"
            android:layout_weight="1"
            android:background="@drawable/border_line_while"
            android:gravity="center"
            android:text="边框样式"
            />
    

    边框样式border_line_while.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:useLevel="false"
        >
        <solid android:color="@null"/>
        <padding android:left="1dip"
            android:right="1dip"
            android:bottom="1dip"/>
    
        <stroke android:width="1dip"
            android:color="@color/theme_red"
            />
        <!--边框宽度-->
        <size android:width="15dip"
            android:height="15dip"
            />
        <!--边框-->
    </shape>
    

    圆角Button

        <Button
            android:layout_width="0dip"
            android:layout_height="match_parent"
            android:layout_margin="5dip"
            android:layout_weight="1"
            android:background="@drawable/btn_bg_red"
            android:gravity="center"
            android:text="圆角Button"
            />
    

    圆角样式btn_bg_red.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <solid android:color="@color/theme_red"/>
        <corners android:topLeftRadius="10dip"
            android:topRightRadius="10dip"
            android:bottomRightRadius="10dip"
            android:bottomLeftRadius="10dip" />
        <!--圆角矩形白色背景-->
    </shape>
    

    点底色的圆角Button,其实综合上面的就可以自己写

     <Button
            android:layout_width="0dip"
            android:layout_height="match_parent"
            android:layout_margin="5dip"
            android:layout_weight="1"
            android:background="@drawable/check_border"
            android:gravity="center"
            android:text="带边框颜色的Button"
            />
    

    点底色的圆角Button样式check_border.xml

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <!--<item android:state_pressed="true">-->
            <!--<shape android:shape="rectangle">-->
                <!--<stroke android:width="1px" android:color="@color/color_light_grey" />-->
                <!--<corners android:radius="3dp" />-->
                <!--<solid android:color="@color/color_detach_line" />-->
            <!--</shape>-->
        <!--</item>-->
        <item>
            <shape android:shape="rectangle">
                <stroke android:width="1px" android:color="@color/theme_red" />
                <corners android:radius="10dp" />
                <solid android:color="@color/color_check_bg" />
            </shape>
        </item>
    </selector>
    

    带点击圆角状态的Button,依赖样式文件

     <Button
                android:layout_width="0dip"
                android:layout_height="match_parent"
                android:layout_margin="5dip"
                android:layout_weight="1"
                android:background="@drawable/btn_nor_down"
                android:gravity="center"
                android:text="带点击状态的Button"
                />
    

    带点击圆角状态的Button样式btn_nor_down.xml

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_pressed="true" android:drawable="@drawable/check_border" />
        <item android:state_focused="true" android:drawable="@drawable/check_border" />
        <item android:state_checked="true" android:drawable="@drawable/check_border" />
        <item android:state_selected="true" android:drawable="@drawable/check_border"/>
        <item android:drawable="@drawable/btn_bg_red"></item>
    </selector>
    

    带点击状态的Button,这个不依赖圆角样式

       <Button
                android:layout_width="0dip"
                android:layout_height="match_parent"
                android:layout_margin="5dip"
                android:layout_weight="1"
                android:background="@drawable/btn_bottom_confirm_bg"
                android:gravity="center"
                android:text="带点击状态的Button"
                />
    

    带点击圆角状态的Button样式btn_bottom_confirm_bg.xml

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_pressed="true">
            <shape android:shape="rectangle">
                <solid android:color="#f5f5f5"/>
                <stroke android:width="1px"
                        android:color="#cfcfd2"/>
                <padding android:top="1px"/>
            </shape>
        </item>
        <item>
            <shape android:shape="rectangle">
                <solid android:color="@color/white"/>
                <stroke android:width="1px"
                        android:color="#cfcfd2"/>
                <padding android:top="1px"/>
            </shape>
        </item>
    </selector>
    

    原形数字提醒

        <Button
            android:layout_width="50dip"
            android:layout_height="50dip"
            android:layout_marginLeft="20dip"
            android:background="@drawable/hint_superscript_red"
            android:gravity="center"
            android:text="数字提醒"
            />
    

    原形数字提醒样式hint_superscript_red.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="oval"
        android:useLevel="false">
        <solid android:color="@color/white"/>
        <padding android:left="1dp"
            android:top="1dp"
            android:right="1dp"
            android:bottom="1dp"
            />
        <!--描边  红色边框-->
        <stroke android:width="1dp"
            android:color="@color/theme_red"
            />
        <size android:width="15dp"
            android:height="15dp"
            />
    </shape>
    

    请求网络数据等待框

       <ProgressBar
                android:layout_width="50dip"
                android:layout_height="50dip"
                android:layout_marginLeft="20dp"
                android:indeterminate="true"
                android:indeterminateDrawable="@drawable/progresstyle"
                android:indeterminateTintMode="src_in"/>
    
    

    请求网络数据等待框样式progresstyle.xml

    <?xml version="1.0" encoding="utf-8"?>
    <rotate
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="1080.0" >
    
        <shape
            android:innerRadiusRatio="3"
            android:shape="ring"
            android:thicknessRatio="8"
            android:useLevel="false" >
            <gradient
                android:centerY="0.50"
                android:endColor="@color/theme_red"
                android:startColor="@color/white"
                android:type="sweep"
                android:useLevel="false" />
        </shape>
    
    </rotate>
    

    进度条

        <ProgressBar
            android:id="@+id/my_progress"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:layout_marginLeft="20dp"
            android:max="10"
            android:progress="3"
            android:progressDrawable="@drawable/progressbar_color"/>
    

    进度条样式progressbar_color.xml

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    
        <!-- 背景  gradient是渐变,corners定义的是圆角 -->
        <item android:id="@android:id/background">
            <shape>
                <corners android:radius="3dp"/>
    
                <solid android:color="@color/theme_red" />
            </shape>
        </item>
        <!-- 第二条进度条颜色 -->
        <item android:id="@android:id/secondaryProgress">
            <clip>
                <shape>
                    <corners android:radius="3dp"/>
                    <gradient
                        android:angle="90.0"
                        android:centerColor="#ac6079"
                        android:centerY="0.45"
                        android:endColor="#6c213a"
                        android:startColor="#FF51AAE6" />
                </shape>
            </clip>
        </item>
        <!-- 进度条 -->
        <item android:id="@android:id/progress">
            <clip>
                <shape>
                    <corners android:radius="3dp"/>
                    <solid android:color="#FF51AAE6" />
                </shape>
            </clip>
        </item>
    
    </layer-list>
    

    底部线条EditText

      <EditText
                android:text="底部线条EditText"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/edit_for_line_bg"
                />
    

    底部线条EditText样式edit_for_line_bg.xml

    <?xml version="1.0" encoding="utf-8"?>
    <inset xmlns:android="http://schemas.android.com/apk/res/android"
        android:insetBottom="@dimen/abc_edit_text_inset_bottom_material">
        <selector>
            <item android:drawable="@drawable/abc_textfield_activated_mtrl_alpha"/>
        </selector>
    
    </inset>
    

    小礼物走一走

    展开全文
  • 如何在HTML做个按钮

    千次阅读 2019-02-22 14:24:49
    众所周知 制作一个html页面是需要很多表格和按钮来...那么如何制作一个简单的按钮呢 其实很简单 我们只需要一个简单的代码 如图 我们只需要一个button代码 就可以制作一个简单的按钮 然后 我们设置样式就OK了 ...

    众所周知 制作一个html页面是需要很多表格和按钮来实现页面布局和布控的
    那么如何制作一个简单的按钮呢 其实很简单 我们只需要一个简单的代码 如图
    在这里插入图片描述
    我们只需要一个button代码 就可以制作一个简单的按钮 然后 我们设置样式就OK了
    在这里插入图片描述

    展开全文
  • HTML 普通按钮

    万次阅读 2018-04-16 21:18:59
    普通按钮把 input 元素的 type 属性设置为“button”,可以创建普通按钮按钮上显示的文本是value 属性的值,如果没有提供 value 属性,则只创建一个空按钮。如:&lt;input type="button" value=&...
  • Button 按钮

    2018-03-09 07:14:00
    Button 按钮 常用的操作按钮。 ¶基础用法 基础的按钮用法。 使用type、plain和round属性来定义 Button 的样式。 <div> <el-button>默认按钮</el-button> <el-button ...
  •  按钮分为:默认按钮、朴素按钮(plain)、圆角按钮(round)、圆形按钮(circle)。eg:  <el-button plain>朴素按钮</el-button>  通过 type 属性指定 primary、success、info、warning、danger...
  • 点击 按钮 下载图片

    千次阅读 2017-11-29 17:24:31
    项目中点击下载图片,因为普通情况下,是直接下打开,而不是下载,所以整理出来,留着以后使用
  • css3+html5——按钮

    千次阅读 2018-06-11 10:50:31
    也随便写了几个3D按钮(包括悬停变色按钮、阴影按钮、悬停出现阴影按钮、禁用按钮、箭头标记按钮、点击波纹按钮、按压效果按钮)也是做得比较丑,不过需要都话格式可以自己再调一下,大概效果如下:&lt;!DOCTYPE...
  • 关于按钮(button)图文上下并存

    千次阅读 2016-10-11 12:47:53
    由于APP要语言本地化,icon下还要有文字描述,导致切图不能带上文字;只好代码去控制了。实现方式如下:UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; button.backgroundColor = [UIColor ...
  • html 按钮

    千次阅读 2018-12-23 10:18:10
    按钮分为三种:button(普通按钮), submit(提交按钮) , reset(重置按钮) 普通按钮: 语法: &lt;input type="button" value="普通按钮取值" onclick="javaScript脚本程序"&...
  • 几款好看的HTML按钮样式

    万次阅读 多人点赞 2015-11-05 12:00:33
    给大家介绍几款好看的HTML按钮样式 按钮样式一: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=...
  • 关于html中如何设置按钮背景与背景图片一样,寻思了好久,代码如下 .banner .container .middle > a { margin-left:640px; margin-top:500px; text-align: center; font-size: 18px; position: relativ
  • html改变按钮样式

    2020-05-26 23:17:43
    今天有人问我怎么改样式,需求是三个按钮,一次点一个,要求被点击的按钮和没被点的按钮是两种不同的样式,如图所示。 最初三个按钮都没选如图一,然后点击“已读”按钮,“已读”按钮样式改变。再点击“全部”...
  • Html 按钮button加超链接

    万次阅读 2011-05-10 16:01:00
    1.页面转向新的页面: 2.需要打开一个新的页面进行转向: 由于浏览器内核不一样 IE中使用: firefox中使用:
  • HTML 按钮提示框

    千次阅读 2019-05-07 09:27:38
    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> .tip { display: inline-...
  • HTML中文本框和按钮如何设置大小

    万次阅读 2013-07-16 08:06:52
    html中文版框和按钮如果直接用 width=“100” height=“100”来设置大小,是不能实现效果的,必须使用style=“width:100px;height:100px”. 例子如下: 文本框; 按钮
  • html设置按钮为图片

    千次阅读 2010-09-10 17:32:00
    刚学web开发几天,感觉像html这种东西没必要记住,大概的语法记住用的时候查下手册就OK,特此,记录上今天额外的心得——《html设置按钮为图片》   用dreamweaver添加按钮后,自动出来***" type...
  • web前端之-HTML按钮 设置 靠右

    万次阅读 2019-04-12 16:49:47
    <input style="float:right" class="layui-btn btn01" style="color:#FFFFFF;" type="button" onclick="exportExcel()" value="导出" />...HTML按钮 设置 靠右 style="float:right" https://blog.csdn.n...
  • HTML Button HTML按钮 为操作系统的浏览器体验而设计 HTML按钮的格式取决于你浏览原型的操作系统中的浏览器。 它通常针对你的浏览器内置了鼠标悬停和鼠标按下时的样式,这和你操作系统中应用程序的...
  • css文件 #mybutton{ background:transparent; /*按钮背景透明*/ border-width:0px; /*边框透明*/ outline:none; /*点击后没边框*/ }
  • html设置button不可用

    2010-04-07 17:25:28
    设置input的disabled的属性 &lt;input type="button" value="Button" disabled="disabled" /&gt;  --EOF--
  • html设定按钮位置示例

    万次阅读 2015-09-08 13:49:23
    html设置一个按钮的位置,可以通过设置margin-left, margin-top这些属性来实现,如我们要将一个按钮放到离上边和左边各500像素的地方,参考代码为: style="margin-left:500px;margin-top:500px" type=button ...
  • html,button的背景色和文字颜色

    万次阅读 2017-07-06 11:36:51
    新建 background-color表示背景色 color表示文字的颜色
  • HTML按钮控制数据源 + echarts图表展示

    千次阅读 2018-12-25 21:11:27
    HTML按钮控制数据源 + echarts图表展示
  • html按钮button怎么加超链接

    千次阅读 2013-05-23 20:58:54
    1.如果让本页转向新的页面则用: 2.如果需要打开一个新的页面进行转向,则用:
  • HTML按钮添加图片背景及超链接

    千次阅读 2017-03-02 23:10:46
    (一)添加图片背景 ...type:说明按钮button style:编辑按钮大小 value:按钮键字符内容显示 {区别:在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之...
  • html按钮可见性的控制

    2009-04-07 08:50:28
    HTML按钮的可见性的控制,用style="display:none;"来控制,而不能用visible="false"来控制
  • html 按钮旋转

    千次阅读 2016-03-28 10:09:41
  • HTML 表单按钮

    万次阅读 2018-04-13 20:11:53
    表单按钮表单按钮一般分为三类,分别是提交按钮、重置按钮和普通按钮。提交按钮、重置按钮只能在表单中使用,普通按钮则可以在网页的任何地方使用。从本质上讲,表单按钮也是表单控件,之所以把它分离出来,单独介绍...

空空如也

1 2 3 4 5 ... 20
收藏数 2,032,873
精华内容 813,149
关键字:

按钮