界面优化处理技术之(一)按钮组件优化处理

开发步骤:

  • 在res下drawable下创建xml文件
  • 添加标签设置事件处理
  • 添加标签设置显示效果

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <solid android:color="#FF27FF64"/>
            <stroke android:width="0.5dp" android:color="#FF27FF64"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
    <item android:state_pressed="false">
        <shape>
            <solid android:color="#FF09C232"/>
            <stroke android:width="0.5dp" android:color="#FF09C232"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
</selector>?

btn_login_bg.xml

 1 btn_reg_bg.xml
 2
 3 <?xml version="1.0" encoding="utf-8"?>
 4 <selector xmlns:android="http://schemas.android.com/apk/res/android">
 5     <item android:state_pressed="true">
 6         <shape>
 7             <solid android:color="#FF27FF64"/>
 8             <stroke android:width="0.5dp" android:color="#FF27FF64"/>
 9             <corners android:radius="5dp"/>
10         </shape>
11     </item>
12     <item android:state_pressed="false">
13         <shape>
14             <solid android:color="#FF09C232"/>
15             <stroke android:width="0.5dp" android:color="#FF09C232"/>
16             <corners android:radius="5dp"/>
17         </shape>
18     </item>
19 </selector>
  • 布局文件button标签设置background属性
 1 //activity_login.xml
 2
 3 <Button
 4         android:id="@+id/btnRegister"
 5         android:layout_width="0dp"
 6         android:layout_height="35dp"
 7         android:text="立即注册"
 8         android:textSize="15sp"
 9         android:textColor="#646464"
10         android:layout_weight="1"
11         android:background="@drawable/btn_reg_bg"/>
12 <Button
13         android:id="@+id/btnLogin"
14         android:layout_width="0dp"
15         android:layout_height="35dp"
16         android:text="马上登录"
17         android:textSize="15sp"
18         android:textColor="#646464"
19         android:layout_weight="1"
20         android:background="@drawable/btn_login_bg"/>
21 ?    

运行:

小结:Android中的视图组件外观可以使用xml文件配置,这样执行效率很高,比使用图片好很多!

时间: 2024-10-15 05:42:50

界面优化处理技术之(一)按钮组件优化处理的相关文章

Java Swing界面编程(6)---JButton按钮组件

package com.beyole.util; import java.awt.Font; import javax.swing.JButton; import javax.swing.JFrame; public class test5 { public static void main(String[] args) { JFrame frame=new JFrame(); JButton button=new JButton("Click Me!");//new出一个按钮的对象

QT开发(七)——QT按钮组件

QT开发(七)--QT按钮组件 QT中有六种按钮组件,分别是按压按钮QPushButton.工具按钮QToolButton.单选按钮QRadioButton.多选按钮QCheckBox.命令链接按钮QCommandLinkButton.按钮盒QButtonBox. 一.QPushButton组件 1.QPushButton组件简介 QPushButton组件用于接受用户点击事件,能够显示提示字符串,是功能性组件,需要父组件作为容器,能够在父组件中进行定位,用于执行命令或触发事件. QPushBu

大型网站优化-memcache技术

大型网站优化-memcache技术 memory+cache 内存缓存 memcache简介 memcache是一套分布式的高速缓存系统,由LiveJournal的Brad Fitzpatrick开发,目前被许多网站使用以提升网站的访问速度,尤其对于一些大型的.需要频繁访问数据库的网站访问速度提升效果十分显著 .这是一套开放源代码软件,以BSD license授权发布.[摘取自百度百科] 官网:http://memcached.org/ 分布式:多台Memcache服务器来管理数据的架构. 缓存

十. 图形界面(GUI)设计3.标签、按钮和按钮事件

标签和按钮也许是图形界面中最常见的两种组件,按钮又总是与激发动作事件有关. 标签 标签(JLabel)是最简单的Swing组件.标签对象的作用是对位于其后的界面组件作说明.可以设置标签的属性,即前景色,背景色.字体等,但不能动态地编辑标签中的文本. 程序关于标签的基本内容有以下几个方面: 声明一个标签名: 创建一个标签对象: 将标签对象加入到某个容器. JLabel类的主要构造方法是: JLabel ():构造一个无显示文字的标签: JLabel (String s):构造一个显示文字为s的标签

自己开发的 vue 滑动按钮组件 vue-better-slider

写在前面的 这个人第一次尝试开发并发布一个 vue 的组件,该组件实现了类似 ios 手机淘宝客户端 -> 消息界面中消息的滑动删除功能等,如下为该组件的文档. 一个 Vue 的滑动按钮组件,有关滑动方面的处理借鉴 better-scroll 的实现. 在线例子 起步 安装 npm i --save vue-sliding-button 引入 import Vue from 'vue' import SlidingButton from 'vue-sliding-button' Vue.use(

第二百零七节,jQuery EasyUI,MenuButton(菜单按钮)组件

jQuery EasyUI,MenuButton(菜单按钮)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 MenuButton(菜单按钮)组件的使用方法,这个组件依赖于 Menu(菜单)组件和 LinkButton(按钮)组件. 一.加载方式 class 加载方式 <a href="javascript:void(0)" id="edit" class="easyui-menubutton"

JAVA学习Swing章节按钮组件JButton的简单学习

package com.swing; import java.awt.Container; import java.awt.Dimension; import java.awt.GridLayout; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.net.URL; import javax.swing.Icon; import javax.swing.ImageIcon;

jQuery Easy UI LinkButton(按钮)组件

LinkButton(按钮)组件,easyui基础组件之一 示例: <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> <script type="text/javascript" src="easyui/jquery.min.js"></s

bootstrap学习3-表格和按钮组件

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>表格和按钮组件</title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body style=&q