Go语言视频零基础入门到精通

黑色灵兵

本帖讲解内容：


EditText 与 TextView 共舞
设计具有背景图的按钮
使用 XML 实现按钮改变焦点设置背景图
给圣诞老人的信息--Toast--Android 专属浮动小提示




EditText 与 TextView 共舞
setOnKeyListener 事件
①新建工程
②在 main.xml 布局中添加 UI 元素：一个 EditText 和一个 TextView

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

androidrientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/hello"/>

<EditText

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/myEditText"/>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:id="@+id/myTextView"/>

</LinearLayout>
复制代码③在mainActivity.java 主 Activity 中修改代码

package zyf.EX_Ctrl_1;

import

import

import

import

import

import

android.app.Activity;

android.os.Bundle;

android.view.KeyEvent;

android.view.View;

android.widget.EditText;

android.widget.TextView;

public class EX_Ctrl_1 extends Activity {

private TextView mTextView01;



private EditText mEditText01;





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

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

/* 取得TextView、EditText */

mTextView01 = (TextView) findViewById(R.id.myTextView);

mEditText01 = (EditText) findViewById(R.id.myEditText);

处理 EditText 键入事件

/* 设置EditText 用OnKeyListener 事件来启动 */

mEditText01.setOnKeyListener(new EditText.OnKeyListener(){

@Override

public boolean onKey(View v, int keyCode, KeyEvent event) {

// TODO Auto-generated method stub

mTextView01.setText(mEditText01.getText().toString());

return false;

}

});

}

}
复制代码④结果





设计具有背景图的按钮



ImageButton 的焦点及事件处理
①新建工程   

②准备 png 图片资源 clickimage.png、lostfocusimage.png、onfocusimage.png

③在 string.xml 中添加字符串
<?xml version="1.0" encoding="utf-8"?>

<resources>

<string name="app_name">EX_Ctrl_2</string>

<string name="unknown">图片按钮状态：未知</string>

<string name="onfocus">图片按钮状态：Got Focus</string>

<string name="lostfocus">图片按钮状态：Lost Focus</string>

<string name="onclick">图片按钮状态:Got Click</string>

<string name="normalbutton">一般按钮</string>

</resources>
复制代码

④修改 main.xml 布局，添加布局元素

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="#EE559611">

<TextView

android:id="@+id/show_TextView"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/unknown"

/>

<ImageButton

android:id="@+id/image_Button"



android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

<Button

android:id="@+id/normal_Button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/normalbutton"

/>

</LinearLayout>
复制代码⑤修改mainActivity.java

package zyf.EX_Ctrl_2;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.View.OnFocusChangeListener;

import android.widget.Button;

import android.widget.ImageButton;

import android.widget.TextView;

public class EX_Ctrl_2 extends Activity {

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

/* 声明三个对象变量(图片按钮,按钮,与TextView) */

private ImageButton mImageButton1;

private Button mButton1;

private TextView mTextView1;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

/* 通过findViewById 构造三个对象 */

mImageButton1 = (ImageButton) findViewById(R.id.image_Button);

mButton1 = (Button) findViewById(R.id.normal_Button);

mTextView1 = (TextView) findViewById(R.id.show_TextView);

/* 通过OnFocusChangeListener 来响应ImageButton 的onFous 事件 */

mImageButton1.setOnFocusChangeListener(new OnFocusChangeListener() {

public void onFocusChange(View arg0, boolean isFocused) {

// TODO Auto-generated method stub

/*若ImageButton 状态为onFocus 改变ImageButton 的图片

并改变textView 的文字*/

if (isFocused == true) {

mTextView1.setText(R.string.onfocus);

mImageButton1.setImageResource(R.drawable.onfocusimage);



}

/*若ImageButton 状态为offFocus 改变ImageButton 的图片

并改变textView 的文字*/

else {

mTextView1.setText(R.string.lostfocus);

mImageButton1.setImageResource(R.drawable.lostfocusimage);

}

}

});

/* 通过onClickListener 来响应ImageButton 的onClick 事件 */

mImageButton1.setOnClickListener(new OnClickListener() {

public void onClick(View v){

// TODO Auto-generated method stub

/*若ImageButton 状态为onClick 改变ImageButton 的图片

并改变textView 的文字*/

mTextView1.setText(R.string.onclick);

mImageButton1.setImageResource(R.drawable.clickimage);

}

});





/*通过onClickListener 来响应Button 的onClick 事件*/

mButton1.setOnClickListener(new OnClickListener(){

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

/*若Button 状态为onClick 改变ImageButton 的图片

* 并改变textView 的文字*/

mTextView1.setText(R.string.lostfocus);

mImageButton1.setImageResource(R.drawable.lostfocusimage);

}

});

}

}
复制代码⑥结果







使用 XML 实现按钮改变焦点设置背景图


Button 的android:background 属性


设置按钮背景图片：


onFocus() 与 onClick() 事件处理
Item 的 android:state_focused 和 android:state_pressed 属性

①新建工程



②准备 png 背景图片 defaultimage.png 、onfocusimage.png、clickimage.png  

③在 main.xml 布局中添加一个 ImageButton 和一个 Button(作对比) <?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent" android:background="#FF25CCDD">





<ImageButton

android:id="@+id/image_Button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

<Button

android:text="Button01"

android:id="@+id/Button01"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

</Button>

</LinearLayout>
复制代码
④在 drawable 文件夹中添加一个 advancedbutton.xml 设置<selector>和 <item>标签

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">



<item

android:state_focused="true"

android:state_pressed="false"

android:drawable="@drawable/onfocusimage"

/>

<item

android:state_focused="true"

android:state_pressed="true"

android:drawable="@drawable/clickimage"

/>

<item

android:state_focused="false"

android:state_pressed="true"

android:drawable="@drawable/clickimage"

/>

<item android:drawable="@drawable/defaultimage"/>

</selector>
复制代码


⑤

设置 ImageButton 的android:background
属性值


<ImageButton

android:id="@+id/image_Button"



android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/advancedbutton"

/>
复制代码结果：




给圣诞老人的信息
Toast--Android 专属浮动小提示


①新建工程
②在 string.xml 中添加字符串

<?xml version="1.0" encoding="utf-8"?>

<resources>

<string name="app_name">EX_Ctrl_3</string>

<string name="dear">亲爱的圣诞老人：</string>

<string name="sendmyWish">送出愿望</string>

<string name="yourWish">你的愿望：</string>

<string name="hasSend">已送达圣诞老人信箱!</string>

</resources>
复制代码③在 main.xml 布局中添加 UI 元素：一个 TextView、一个 EditView 和一个 Button

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<TextView

android:layout_height="wrap_content"

android:layout_width="fill_parent"

android:id="@+id/TextView_dear"

android:text="@string/dear"></TextView>





<EditText

android:layout_height="wrap_content"

android:id="@+id/EditText_Wish"

android:layout_width="fill_parent"></EditText>





<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/Button_Send"

android:text="@string/sendmyWish"

android:layout_marginLeft="50px"></Button>





</LinearLayout>
复制代码


④修改mainActivity.java 文件
package zyf.EX_Ctrl_3;

import

import

import

import

import

import

import

android.app.Activity;

android.os.Bundle;

android.text.Editable;

android.view.View;

android.widget.Button;

android.widget.EditText;

android.widget.Toast;

public class EX_Ctrl_3 extends Activity {

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

/*声明两个对象变量(按钮与编辑文字)*/

private Button mButton;

private EditText mEditText;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

/*通过findViewById()取得对象*/

mButton=(Button)findViewById(R.id.Button_Send);

mEditText=(EditText)findViewById(R.id.EditText_Wish);

/*设置onClickListener 给Button 对象聆听onClick 事件*/

mButton.setOnClickListener(new Button.OnClickListener(){

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

/*声明字符串变量并取得用户输入的EditText 字符串*/

Editable Str;

Str=mEditText.getText();

/*使用CharSequence类getString()方法从XML中获取String*/

CharSequence string2=getString(R.string.yourWish);

CharSequence string3=getString(R.string.hasSend);

/*使用系统标准的makeText()方式来产生Toast 信息*/

Toast.makeText( EX_Ctrl_3.this,string2+Str.toString()+string3,Toast.LENGTH

_LONG).show();

/*清空EditText*/

mEditText.setText("");

}

});

}

}
复制代码结果：