按钮_按钮跳转 - CSDN
精华内容
参与话题
  • 按钮(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继承而来)。


    展开全文
  • 漂亮的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中按钮的几种不同写法

    千次阅读 2015-01-03 13:52:22
    第一种:在一般情况下按钮提交表单   这样提交按钮是标签 ,如果想换成图片加上样式,把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"。
    展开全文
  • VUE element-ui 之button 按钮简介

    万次阅读 2018-11-15 11:04:19
    element-ui之Button 按钮 按钮等可以通过vue绑定属性来控制某一些属性 各式各样的按钮 &amp;amp;lt;el-button&amp;amp;gt;鼠标滑过/点击背景变淡&amp;amp;lt;/el-button&amp;amp;gt; &amp...

    element-ui之Button 按钮

    按钮等可以通过vue绑定属性来控制某一些属性

    各式各样的按钮

      <el-button>鼠标滑过/点击背景变淡</el-button>
      <el-button type="primary" plain>鼠标滑过/点击背景变深色调</el-button>
      <el-button type="success" round>圆角按钮</el-button>
      <el-button type="info" icon="el-icon-search" circle>图标按钮按钮,icon放入映入的icon图标名称</el-button>
      <el-button type="text">文字按钮</el-button>
      <el-button disabled>禁用按钮</el-button>
      <el-button size="medium">不同尺寸按钮</el-button>
      <el-button :disabled="true/false">动态禁用</el-button>
      <el-button type="primary">图标加文字按钮<i class="el-icon-upload el-icon--right"></i></el-button>
      <el-button type="primary" :loading="true">加载中按钮</el-button>
    

    组合的按钮,使用—el-button-group–标签来嵌套你的按钮使其在一行。

     <el-button-group>
      <el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>
      <el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
     </el-button-group>
    

    文档说明

    参数 说明 类型 可选值 默认值
    size 尺寸 string medium / small / mini
    type 类型 string primary / success / warning / danger / info / text
    plain 是否鼠标滑过/点击背景变深色调 boolean false
    round 是否圆角按钮 boolean false
    circle 是否圆形按钮 boolean false
    loading 是否加载中状态 boolean false
    disabled 是否禁用状态 boolean false
    icon 图标类名 string

    引用element-ui,element-ui地址

    展开全文
  • css3+html5——按钮

    千次阅读 2018-06-13 09:59:31
    也随便写了几个3D按钮(包括悬停变色按钮、阴影按钮、悬停出现阴影按钮、禁用按钮、箭头标记按钮、点击波纹按钮、按压效果按钮)也是做得比较丑,不过需要都话格式可以自己再调一下,大概效果如下:&lt;!DOCTYPE...
  • Python的GUI编程(二)Button(按钮

    万次阅读 2018-01-15 18:32:23
    用来展现不同样式的按钮. Button 控件被用以和用户交互, 比如按钮被鼠标点击后, 某种操作被启动. 和 Label 控件类似, 按钮可以展示图片或者文字. 不同的是, Label 控件可以指定字体, Button 控件只能使用单一的...
  • ASP.NET Web常用控件--按钮类型控件

    千次阅读 2018-12-09 10:56:13
     Button控件有两种类型:提交按钮和命令按钮,提交按钮用来将Web页面送回到服务器,而命令按钮一般用于处理控件命令事件。   Button控件常用属性:    CausesValidation:用于确定该控件是否导致激发验证,...
  • HTML 表单按钮

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

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

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

    万次阅读 多人点赞 2019-05-16 15:51:02
    按钮样式一: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/19...
  • Android Studio 点击按钮跳转新界面

    万次阅读 多人点赞 2018-11-06 13:46:28
    Android Studio 点击按钮跳转新界面 问题描述 首先,我们有两个Java文件和与之绑定的xml文件。此处以HistoryActivity.java,activity_history.xml 和 EventDetail.java,activity_event_detail.xml为例。...
  • 如何监听小程序返回按钮事件?

    万次阅读 2020-06-09 22:29:18
    应用场景: 通常情况下,在关闭当前...翻阅所有小程序的官方文档,尚未给出监听返回按钮的事件,因此如果想让 上述场景1中的刷新其他指定页面、或者请求其他页面接口,不过也可采用其他方法实现这个功能。 ...
  • SwitchButton 开关按钮的多种实现方式源码

    万次下载 热门讨论 2020-07-30 23:32:24
    SwitchButton 开关按钮的多种实现方式 具体的说明等可以查看以下文章: http://blog.csdn.net/vipzjyno1/article/details/23707149
  • Flutter中给我们预先定义好了一些按钮控件给我们用,常用的按钮如下 RaisedButton :凸起的按钮,其实就是Android中的Material Design风格的Button ,继承自MaterialButton FlatButton :扁平化的按钮,继承自...
  • 如何实现按钮水平居中

    万次阅读 多人点赞 2018-12-10 14:57:45
    button是一个行内块级元素display:inline-block; 所以处理方式很简单,可以用以下两种方式: 方式一: ...按钮居中&lt;/button&gt; &lt;/div&gt; 方式二: &lt;div&gt; ...
  • vue 所有按钮、vue Button 所有属性、vue a-button 所有属性...按钮类型 组件注册 import { Button } from ‘ant-design-vue’; Vue.use(Button); 1.按钮类型 Primary Default Dashed Danger Link ...
  • Android 实现圆角按钮(selector和shape的简单用法)

    万次阅读 多人点赞 2020-10-24 12:20:00
    首先扯点别的:这两天一直浑浑噩噩的,不知道干啥...1. 进入正题,今天简单的演示一下Android中如何实现圆角按钮。使用了selector和shape.先看效果吧,感觉效果不是你想要的,果断pass掉。1 xml布局的第一个,就是一个
  • 按钮,作为Web或移动端软件的基本部件之一,对于实现和拓展网页或软件功能,引导用户点击,增加产品销量以及提升用户体验愉悦体验度等等,都发挥着至关重要的作用。然而,随着电脑技术的发展,web和app中按钮种类日...
  • Android基础入门教程——2.3.3 Button(按钮)与ImageButton(图像按钮) 本节引言: 1.StateListDrawable简介: 2.实现按钮的按下效果: 3.使用颜色值绘制圆角按钮 4.实现Material Design水波效果的Button 本节小结:
1 2 3 4 5 ... 20
收藏数 1,838,731
精华内容 735,492
关键字:

按钮