按钮button怎么添加符号

按钮button怎么添加符号,第1张

首先得先解构一个按钮,把按钮中各个元素都提取出来。按钮的绘制过程:先设一个网格基数(一般为4px) - 绘制一个宽与高存在比例关系的矩形(固定宽度的情况下) - 添加字符(中英文) - 添加按钮(功能) - 调整距离(字符/按钮与矩形之间的距离) -完成。下图就是一个按钮的线稿与正常按钮的对比图。

2.网格基数

绘制一个按钮的第一步,就是设置网格基数。如果网格基数不设置4px而设置3px,那当我们画一个高度为45px的时间选择器时,得知右面“上”的图标高度就是45/2=22.5px,这里出了小数点,22.5px中包含7个网格位,并多出了1.5个px,即22.5-21(3x7网格位)=1.5px的空位,1.5px<3px。所以网格基数设置为3px它是不规范的。在下图中也做出了相应的解释。

我把图上按钮中为“上”的这个图标拆解出来,再来分析它。图标宽高为22.5px,多出了1.5px的。如果宽高为21px,就刚好是7个网格位。所以说把网格的基数设为3px,在绘制模块时会出现小数位,小数位不满一个网格位,则网格基数设为3px就是不规范的。

除了Android系统自带的Button按钮以外,还提供了带图标的按钮ImageButton

要制作带图标的按钮,首先要在布局文件中定义ImageButton,然后通过setImageDrawable方法来设置要显示的图标。

注意:

我们可以在布局文件中就直接设置按钮的图标,如

android:src=”@drawable/icon1″

我们也可以在程序中设置自定义图标

imgbtn3.setImageDrawable(getResources().getDrawable(R.drawable.icon2))

我们还可以使用系统自带的图标

imgbtn4.setImageDrawable(getResources().getDrawable(android.R.drawable.sym_call_incoming))

设置完按钮的图标后,需要为按钮设置监听setOnClickListener,以此捕获事件并处理

下面的例子讲述的是由4个图标按钮组成的布局,其中三个按钮的图标是自定义的,第四个按钮的图标是系统的,当点击按钮1的时候,d出dialog,当点击按钮2的时候,点击确定后,可以将按钮2的图标变成按钮3的图标,当点击按钮3的时候,按钮3的图标变成了系统打电话的图标,点击按钮4,显示一个提示dialog

ImageButtonTest.java源代码

package org.loulijun.imagebutton

import android.app.Activity

import android.app.AlertDialog

import android.app.Dialog

import android.content.DialogInterface

import android.os.Bundle

import android.view.View

import android.widget.Button

import android.widget.ImageButton

import android.widget.TextView

public class ImageButtonTest extends Activity {

/** Called when the activity is first created. */

TextView textview

ImageButton imgbtn1

ImageButton imgbtn2

ImageButton imgbtn3

ImageButton imgbtn4

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState)

setContentView(R.layout.main)

textview=(TextView)findViewById(R.id.textview)

//分别取得4个ImageButton对象

imgbtn1=(ImageButton)findViewById(R.id.imagebutton1)

imgbtn2=(ImageButton)findViewById(R.id.imagebutton2)

imgbtn3=(ImageButton)findViewById(R.id.imagebutton3)

imgbtn4=(ImageButton)findViewById(R.id.imagebutton4)

//分别为ImageButton设置图标

//imgbtn1已经在main.xml布局中设置了图标,所以就不在这里设置了(设置图标即可在程序中设置,也可在布局文件中设置)

imgbtn2.setImageDrawable(getResources().getDrawable(R.drawable.icon))//在程序中设置图标

imgbtn3.setImageDrawable(getResources().getDrawable(R.drawable.icon2))

imgbtn4.setImageDrawable(getResources().getDrawable(android.R.drawable.sym_call_incoming))//设置系统图标

//下面为各个按钮设置事件监听

imgbtn1.setOnClickListener(new Button.OnClickListener()

{

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Dialog dialog=new AlertDialog.Builder(ImageButtonTest.this)

.setTitle("提示")

.setMessage("我是ImageButton1")

.setPositiveButton("确定",new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

// TODO Auto-generated method stub

//相应的处理 *** 作

}

}).create()

dialog.show()

}

})

imgbtn2.setOnClickListener(new Button.OnClickListener()

{

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Dialog dialog=new AlertDialog.Builder(ImageButtonTest.this)

.setTitle("提示")

.setMessage("我是ImageButton2,我要使用ImageButton3的图标")

.setPositiveButton("确定",new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

// TODO Auto-generated method stub

imgbtn2.setImageDrawable(getResources().getDrawable(R.drawable.icon2))

}

}).create()

dialog.show()

}

})

imgbtn3.setOnClickListener(new Button.OnClickListener()

{

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Dialog dialog=new AlertDialog.Builder(ImageButtonTest.this)

.setTitle("提示")

.setMessage("我是ImageButton3,我想使用系统打电话的图标")

.setPositiveButton("确定",new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

// TODO Auto-generated method stub

imgbtn3.setImageDrawable(getResources().getDrawable(android.R.drawable.sym_action_call))

}

}).create()

dialog.show()

}

})

imgbtn4.setOnClickListener(new Button.OnClickListener()

{

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Dialog dialog=new AlertDialog.Builder(ImageButtonTest.this)

.setTitle("提示")

.setMessage("我是使用的系统图标")

.setPositiveButton("确定",new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

// TODO Auto-generated method stub

//相应的处理 *** 作

}

}).create()

dialog.show()

}

})

}

}

方案1:

宣称一个成员变量

CBitmapButton cbBtn1

两种方法使用

1。cbBtn1.AutoLoad(xxx,xxx,xxx,xxx)

2. cbBtn1.SubclassDlgItem(IDC_BUTTON_1,this)

cbBtn1.LoadBitmaps(BUTTON_LED17_UP,BUTTON_LED17_DOWN,NULL,NULL)

cbBtn1.SizeToContent()

方案2:

一个例子

首先,我们创建一个基于对话框的应用程序CmyDialog ;

Ι.MFC的CBitmapButton类,这也是最简单的功能最强的位图按钮。我们可以采取如下的步骤:

1.为按钮指定唯一的按钮标题(此例子为OK按钮,这里设置按钮标题为OK)并选中Ownerdraw属性,然后在项目中加一些位图资源,并用名字标示这些资源而不要用数字ID,其ID分别为”OKU”、”OKD”、”OKF”、”OKX”(一定要加双引号),分别对应于按钮的“松开(Up)”、“按下 (Down)”、“获得输入焦点(focused)”和“禁止(Disable)”状态。

2. 我们还要在对话框类中加入CBitmapButton m_aBmpBtn数据成员。

3. 在初始化中为这个成员调用:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11939603.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存