botton_html 下的botton怎样修改value的样式? - CSDN
精华内容
参与话题
  • Botton样式

    2018-05-06 20:52:58
    开发中各种样式的Button,其实这些样式所有的View都可以共用的,可能对于你改变的只有颜色所有的都是用代码实现边框样式,给你的View加上边框 <Button android:layout_width="0dip"...

    开发中各种样式的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>


    展开全文
  • 1 <Button 2 android:layout_width="wrap_content" 3 android:layout_height="wrap_content" 4 android:text="Click here" 5 android:onClick="doSomething"//用来设置onC...
    1     <Button
    2         android:layout_width="wrap_content"
    3         android:layout_height="wrap_content"
    4         android:text="Click here"
    5         android:onClick="doSomething"//用来设置onClick时MainActivity中调用的函数
    6         android:id="@+id/button" />
    1     @Override
    2     protected void onCreate(Bundle savedInstanceState) {
    3         super.onCreate(savedInstanceState);
    4         setContentView(R.layout.activity_main);
    5     }
    6 
    7     public void doSomething(View view){
    8         Log.e("MainActivity","Clicked");
    9     }

    点击button时 call doSomething();

     

    如果有多个Button,则通过下面两种方式做出不同的响应:

     1     <Button
     2         android:layout_width="wrap_content"
     3         android:layout_height="wrap_content"
     4         android:text="Click here"
     5         android:onClick="doSth1"
     6         android:id="@+id/button" />
     7 
     8     <Button
     9         android:layout_width="wrap_content"
    10         android:layout_height="wrap_content"
    11         android:text="Button2"
    12         android:onClick="doSth2"//这两调的同一个函数doSth2()
    13         android:id="@+id/button2" />
    14 
    15     <Button
    16         android:layout_width="wrap_content"
    17         android:layout_height="wrap_content"
    18         android:text="Button3"
    19         android:onClick="doSth2"//这两调的同一个函数doSth2()
    20         android:id="@+id/button3" />
     1     public void doSth1(View view){
     2         Log.e("MainActivity", "Clicked1");
     3     }
     4 
     5     public void doSth2(View view){
     6 
     7         if(view.getId()==R.id.button2)
     8             Log.e("MainActivity","Clicked2");
     9         if(view.getId()==R.id.button3)
    10             Log.e("MainActivity","Clicked3");
    11     }

    如上,在doSth2()中通过view.getId()来获取不同的值,注意@+id/button3和R.id.button3是分别在xml和java中对同一个整数值的描述

    转载于:https://www.cnblogs.com/turtle920/p/4860629.html

    展开全文
  • BOTTON控件介绍及程序基本框架与皮肤自定义 1、内容介绍 Emwin程序基本框架 BOTTON控件触发条件 BOTTON控件自定义皮肤(适用所有支持自定义皮肤的控件) 2、源码介绍 2.1、对话框 WM_HWIN CreateWindow(void)...

    BOTTON控件介绍及程序基本框架与皮肤自定义

    1、内容介绍

    Emwin程序基本框架
    BOTTON控件触发条件
    BOTTON控件自定义皮肤(适用所有支持自定义皮肤的控件)

    2、源码介绍

    2.1、对话框
    WM_HWIN CreateWindow(void) {
    WM_HWIN hWin;
    hWin = GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0); ①
    return hWin;}
    注解:①在使用GUIBuilder_V530软件生成c文件之后会看到GUI_CreateDialogBox,创建对话框非阻塞(创建对话框需要两个基本要素:资源表和对话框过程函数;前者定义所要包括的控件,后者定义控件的初始值及其行为。)
    2.2、资源列表
    #define ID_WINDOW_0 (GUI_ID_USER + 0x00)①
    #define ID_BUTTON_0 (GUI_ID_USER + 0x01)
    typedef struct {
    GUI_WIDGET_CREATE_FUNC * pfCreateIndirect; // 间接创建函数
    const char * pName; // 控件名(不是所有控件都需要)
    I16 Id; // 控件 ID
    I16 x0, y0, xSize, ySize; // 控件的坐标位置和大小
    I16 Flags; // 控件用到的标志,没有就写 0
    I32 Para; // 控件用到的参数,没有就写 0
    U32 NumExtraBytes; // 函数 _SetUserData &_GetUserData 用到的
    // 额外字节。
    } GUI_WIDGET_CREATE_INFO;
    static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {
    { WINDOW_CreateIndirect, “Window”, ID_WINDOW_0, 0, 0, 800, 480, 0, 0x0, 0 },
    { BUTTON_CreateIndirect, “Button”, ID_BUTTON_0, 60, 80, 100, 40, 0, 0x0, 10 },②
    };
    注解:①这块是定义的ID号,可自己定义,每个控件都有要有独立的ID且不能够重复
    ②对于这个资源列表,一般只需要关注坐标位置和大小,其它的可以直接用软件生成的不需要更改(更改也是没有问题的),这里按钮控件坐标x0=60、y0=80、xSize=100、 ySize=40。

    2.3、过程函数
    static void _cbDialog(WM_MESSAGE * pMsg) {
    int NCode;int Id;
    switch (pMsg->MsgId) {
    case WM_INIT_DIALOG: ①
    hItem = WM_GetDialogItem(ui_time_ratio_hWin, ID_BUTTON_0); ②
    button_edit_skin_set(hItem,“123”,NULL,0); ③break;
    case WM_NOTIFY_PARENT:④
    Id = WM_GetId(pMsg->hWinSrc);NCode = pMsg->Data.v;
    switch(Id) {
    case ID_BUTTON_0:
    switch(NCode) {
    case WM_NOTIFICATION_CLICKED:⑤
    break;
    case WM_NOTIFICATION_RELEASED: ⑥
    break;}
    break;}
    break;
    default:
    WM_DefaultProc(pMsg);break;}}
    注解:①创建对话框后立即进入,一般用于初始化控件。
    ②获取对话框句柄
    ③按钮设置,按钮显示外观内容等
    ④告知父窗口,其子窗口中发生了某些改变
    ⑤点击消息 WM_NOTIFICATION_CLICKED,如果需要按钮按下后执行某项功能,就可以在这个消息里面加入对应功能。
    ⑥释放消息 WM_NOTIFICATION_RELEASED,如果需要按钮释放后执行某项功能,就可以在这个消息里面加入对应功能。按钮还有一个移开消息,并不常用,这里不介绍了
    2.4、按钮设置
    void button_edit_skin_set(BUTTON_Handle hItem,char *str,void *dataSrc,unsigned short judge)
    {
    user_data_t udata;
    udata.data = dataSrc;
    udata.judge = judge;
    BUTTON_SetUserData(hItem,&udata,sizeof(user_data_t)); ①
    BUTTON_SetFont(hItem, &GUI_Font_Micro_20); ②
    BUTTON_SetText(hItem,str); ③
    BUTTON_SetSkin(hItem, _cbButtonEditUser); ④
    }
    注解:①设置 BUTTON 控件的额外数据
    ②选择文本字体
    ③设置文本
    ④ 针对按钮控件设定指定按钮皮肤
    2.5、皮肤色自定义回调函数
    static int _cbButtonEditUser(const WIDGET_ITEM_DRAW_INFO * pDrawItemInfo)
    { //提示:最后绘制的图形会覆盖新的图形
    WM_HWIN hWin;
    hWin = pDrawItemInfo->hWin;
    user_data_t udata;
    BUTTON_GetUserData(hWin,&udata,sizeof(user_data_t)); ①
    switch (pDrawItemInfo->Cmd) {
    case WIDGET_ITEM_DRAW_BACKGROUND: ②
    GUI_DrawGradientRoundedH((pDrawItemInfo->x0), pDrawItemInfo->y0, (pDrawItemInfo->x1), pDrawItemInfo->y1,0, UCLOR_WHITE, UCLOR_WHITE); //画圆角矩形
    //下边两条线
    GUI_SetColor(0xC1C1C1);
    GUI_DrawHLine(pDrawItemInfo->y1,pDrawItemInfo->x0,pDrawItemInfo->x1);
    //左边两条线
    GUI_SetColor(0x5C5C5C);
    GUI_DrawVLine(pDrawItemInfo->x0,pDrawItemInfo->y0 - 2,pDrawItemInfo->y1);
    GUI_SetColor(0xE4E8E3);
    GUI_DrawVLine(pDrawItemInfo->x0 + 1,pDrawItemInfo->y0 - 2,pDrawItemInfo->y1 - 1);
    GUI_SetColor(0x000000);//上边两条线
    GUI_DrawHLine(pDrawItemInfo->y0,pDrawItemInfo->x0,pDrawItemInfo->x1);
    GUI_SetColor(0x808080);
    GUI_DrawHLine(pDrawItemInfo->y0 + 1,pDrawItemInfo->x0,pDrawItemInfo->x1);
    break;default:
    return BUTTON_DrawSkinFlex(pDrawItemInfo); }return 0;}

    注解:①提取用 BUTTON_SetUserData() 设置的数据。
    ②不同的控件,支持的命令类型有所不同,按钮控件项目下面命令,通过 BUTTON_SetSkin (在按钮设置函数里面)就可以重新
    定义按钮的皮肤色。另外要注意,自定义皮肤色回调函数时,按钮控件是有按下,聚焦,启用和禁止四种
    状态的皮肤色,要根据需要设置相应的状态。
    WIDGET_ITEM_CREATE 控件创建后立即发送此命令
    WIDGET_ITEM_DRAW_BACKGROUND 绘制背景命令
    WIDGET_ITEM_DRAW_BITMAP 绘制位图命令
    WIDGET_ITEM_DRAW_TEXT 绘制文本命令1、内容介绍
    Emwin程序基本框架
    BOTTON控件触发条件
    BOTTON控件自定义皮肤(适用所有支持自定义皮肤的控件)

    展开全文
  • Botton控件

    2015-01-29 15:49:11
    1.新项目中布局文件中新建 android:id="@+id/btn" 去个名字btn android:layout_width="wrap_content"  android:layout_height="wrap_content" 设置长宽 android:text="点我" button的名字 ...

    1.新项目中布局文件中新建

    <Button

    android:id="@+id/btn"  去个名字btn

    android:layout_width="wrap_content"
         
              android:layout_height="wrap_content"  设置长宽

    android:text="点我" button的名字

    />

     运行,点击button这个时候点击button是没有任何事情,这是没给他添加时间

    我们给它添加时间,切换到MainActivity.java 一个btn1事件的时候可以做


    2.用内部类写,内部匿名类,首先他没有名字


    3.如果有两个button的话

     1.声明一个变量btn2




    展开全文
  • 两种操作botton的方法

    2016-07-05 09:18:29
    一种是直接点击,另一种是将函数放置到另一个函数下面,直接运行就好。 以上截屏是实现在非模态对话框中点击非确定按钮关闭模态对话框的功能。
  • 基本组件之botton

    2015-08-13 17:33:52
    1.普通按钮: 按钮必须要有id属性用来设置监听事件 单击监听事件: ...Button login=(Button)findViewById(R.id.button1);... login.setOnClickListener(new OnClickListener() { ... public void onClick(Vie...
  • 发布订阅者模式c++实现

    千次阅读 2011-11-06 20:27:17
    #ifndef BOTTON_H #define BOTTON_H #include #include class BottonListener; class Botton { public:  Botton(const std::string & botton_name);  ~Botton();  const std::string & GetName() ...
  • C# winform 按钮弹出窗口的问题

    千次阅读 2011-11-07 23:03:26
    主窗口winmain,子窗口form1,在主窗口中有个按钮botton,实现一下几步: 1、按botton,弹出form1,botton.Enabled变为false; 2、关闭弹出的窗口,botton.Enabled变为true。   在button的点击的事件中 { ...
  • bootstrap去除默认选中的样式

    千次阅读 2018-08-06 15:32:48
    按钮:  &lt;div class="btn-group index_top_bottom_button"&gt; &lt;button type="button" class="btn " id="news"&gt;行业新闻&...btn
  • 表单下的botton如何禁止提交

    千次阅读 2017-12-25 16:14:37
    按钮 button有个type属性,而在form表单下botton的type类型默认成为了submit提交按钮这个属性,所以点击就会跳转页面 禁止跳转只需要改变其type类型即可 按钮
  • vue中 v-if 遇到的问题

    千次阅读 2018-02-02 10:05:20
    40. vue中 v-if 遇到的问题 问题描述 在添加患者中;botton 按钮用 v-if 隐藏掉之后,出现了不可见,但是可以点击的情况 ...在 botton 外层添加了一层 session 标签;可能是 v-if 对行内块原理有兼容性;
  • 用python编写一个掷骰子的小程序

    千次阅读 2020-02-25 10:07:02
    摘要: 编写了一个掷骰子的程序,主要通过pygame模块实现了以下几点功能:1....3.按下结束键,退出程序。成品结果请观看编写一个掷骰子的小程序结果演示视频。 第一节: 介绍 程序在PyCharm软件上编写,PyCharm为我们...
  • 页面上有这样一个非常普通的botton按钮,每次点击这个按钮的时候,不执行事件或执行完button的click事件后,会自动的重新刷新一下当前的页面。 二、原因 button,input type=button按钮在IE和w3c,firefox浏览器...
  • 自己改造的Zxing 扩大扫描范围  实现自定义扫描布局 主要是CodeView 里面很详细的代码自定义view  CameraManager里面的四个参数 MIN_FRAME_WIDTH 、MIN_FRAME_HEIGHT、MAX_FRAME_WIDTH、MAX_FRAME_HEIGHT设置中间...
  • 使按钮失效的disabled

    千次阅读 2017-12-17 18:08:20
    jq使用.attr("disabled", true);
  • #ifndef BOTTON_H #define BOTTON_H #include <string> #include <vector> class BottonListener; class Botton { public: Botton(const std::string & botton_name); ~Bot...
  • Top-Down and Botton-up

    2012-10-08 13:37:00
    different perspectives SOA, the bottom-up approach, which is primarily IT driven.也即把现有的Java bean包装重用成Web Service等。 And BPM, the top-down approach, which is business driven,一切从头开始...
  • MUI 底部导航栏webview模式 按需加载

    千次阅读 2018-04-10 11:02:56
    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="...width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalabl
  • 组件 —【按钮组的两端对齐】

    千次阅读 2018-06-11 10:51:20
    btn-group-justified
  • A标签切换图片

    千次阅读 2012-12-07 16:47:39
    .xubox_botton a{  display:block; //这个可以让A标签的背景图片显示  background:url(./msgImage/xubox_ico0.png) repeat;   text-decoration:none; color:#FFF;   fon
1 2 3 4 5 ... 20
收藏数 6,805
精华内容 2,722
关键字:

botton