【Android开发技巧】 UI开发常见问题

在做项目的时候，碰到一些常见的UI feature，在网上找了些资料，有的也不是那么完美，于是在这里简单记录下。
1. 后退(BACK按钮)，退出应用程序

这个功能是当用户按下了back键时候，提示用户是否退出应用程序，点击确定，退出应用程序。网上大致的解决方案如下：捕获onKeyDown事件-->如果是KeyEvent.KEYCODE_BACK，弹出按钮-->点击确定-->退出应用程序。

大致代码如下：

public boolean onKeyDown(int keyCode, KeyEvent event)
{
if(keyCode == KeyEvent.KEYCODE_BACK || keyCode == KeyEvent.KEYCODE_HOME)
{
Logger.i(TAG, "key_back is pressed");
CustomAlertDialog alertDialog = new CustomAlertDialog(this);
alertDialog.setTitle(this.getResources().getString(R.string.more_alert_title))
.setMessage(this.getResources().getString(R.string.back_home_key))
.setPositiveButton(this.getResources().getString(R.string.more_alert_confirm), exitListener)
.setNegativeButton(this.getResources().getString(R.string.more_alert_cancel), null)
.show();

}
//case KeyEvent.KEYCODE_MENU:
return super.onKeyDown(keyCode, event);
}

private DialogInterface.OnClickListener exitListener = new DialogInterface.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
//delete the account from DB;
Logger.i(TAG, "Exit the application");
finish();
exitApplication();
}};

而对于exitApplication()，有不同的实现方式，有的有效，有的不甚理想，一般有如下几种:

a. 直接调用 System.exit(0)

---该方法最不推荐，也是android摒弃的方法。与之对应还有一个是：

android.os.Process.killProcess(android.os.Process.myPid());

b. 启用一个intent，直接跳转到系统后台。

Intent homeIntent = new Intent(Intent.ACTION_MAIN);
homeIntent.addCategory( Intent.CATEGORY_HOME );
homeIntent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
startActivity(homeIntent);

该方法，并没有完全实现应用程序的退出，只是退到后台，交友系统管理，在内存不够的时候会被系统杀死；
c. 比较推荐的一个方法：通过标记位，退出每一个activity。

(1)在MainActivity中定义一个标记位

public static boolean isQuit = false;

(2)在MainActivity中onCreate的时候初始化为false；

isQuit = false;

(3)捕获key事件，如果是后退键，设置该值为true。

MainActivity.isQuit = true;
finish();

(4)在每个activity中，实现onRestart()。

@Override
protected void onRestart()
{
super.onRestart();
if(MainActivity.isQuit)
finish();
}

2. 隐藏键盘

隐藏键盘，有两种方式，可以通过代码控制，也可以通过在Manifest中配置，具体如下。

A. 代码控制。

inputManager = (InputMethodManager)this.getSystemService(Service.INPUT_METHOD_SERVICE);
inputManager.hideSoftInputFromWindow(nameEditTxt.getWindowToken(), 0);

其中nameEditTxt为键盘焦点获得的控件。

B. Activity中配置

<activity  android:name=".ui.xiaoxuntong.ProfileActivity"
android:windowSoftInputMode="stateHidden">
</activity>

在实际中，碰到的问题是A方式无效，可能原因是Activity启动时，nameEditTxt不是获得焦点的控件，具体原因待查。通过B方式，就解决这个问题。

3. ImageView的自适应问题

【问题描述】

屏幕中间有一个ImageView，填充除了顶部NavigationBar，底部toolbar之外的所有空间；当图片比ImageView小时候，放大到屏幕宽度的比例；当Image高度大于屏幕时，ImageView高度为图片高度。

【解决方案】

1. 设置ImagView的属性为

android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:scaleType="fitStart"

2. 在ImageView外面套一个scroolView

android:layout_width="fill_parent"
android:layout_height="fill_parent"

结果：图片小于屏幕，图片放置在ImageView的左上角，并不会根据宽度比例放大。这应该是跟属性fitStart有关；但如果用FitXY，在Y方向拉伸太大，图片有马赛克。又没有属性是FitX。。。
3.对图片进行等比例放大

Bitmap bmResult=null;
if((bm.getWidth()>0) && (bm.getHeight()>0))
{
int width = bm.getWidth();
int height = bm.getHeight();
Matrix matrix = new Matrix();
matrix.postScale(scale, scale);
bmResult = Bitmap.createBitmap(bm, 0, 0, width, height, matrix, true);
}
else
{
System.out.println();
}
return bmResult;

结果：效果达到要求，图片会根据宽度的比例，调整到屏幕的大小，在X方向填充屏幕，在Y方向，按照等比放大。

当放大后的图片高度大于屏幕时，可以通过拖动显示图片。

4. RelativeLayout背景无法改变

RelativeLayout，设置了selector，但选中的时候，没有发生变化。网上查了下，原因是RelativeLayout没有设置成Clickable=true。添加设置后，选择生效，但是带来另外一个问题OnClickListener()失效， 具体代码如下:

XML文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/itemContainer"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:minHeight="50dip"
android:clickable="true"
style="@style/list_item_top">

<LinearLayout
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:text="title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/more_txt_top"
style="@style/content_page_large_text" />
</LinearLayout>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:id="@+id/more_top_icon"
style="@style/list_item_chevron"
android:layout_alignParentRight="true"/>

</RelativeLayout>

该XML文件对应的是一个控件，在工程中有一个MoreItemField.java的类跟它映射: 主要代码如下

public MoreItemField(Context context, AttributeSet attrs)
{
super(context, attrs);
this.context = context;
initViews(context);
}
private void initViews(Context context)
{
rootView = inflate(context, R.layout.more_list_item, this);
//		content = (TextView)rootView.findViewById(R.id.more_profile_content);
title = (TextView)rootView.findViewById(R.id.more_txt_top);
img = (ImageView)rootView.findViewById(R.id.more_top_icon);
}

this.testField = (MoreItemField)this.findViewById(R.id.more_rel_profile);
this.testField.setOnClickListener(this);

原因：当RelativeLayout设置了Clickable之后，click事件就被它获取了；虽然MoreItemField 是继承自RelativeLayout，并setOnClickListener为自己，但rootView中的RelativeLayout已经获取了click事件，导致无法监听；

当笔者在MoreItemField中添加如下代码时：

RelativeLayout root = (RelativeLayout)rootView.findViewById(R.id.itemContainer);
root.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
}});

事件就能响应到了。

但由于处理响应事件的Listener应该在调用控件的地方，这种方式影响了控件本身的灵活性。就像Button，我们不会把响应Button的行为放到Button类中，而是放在调用Button的类中。

那又如何在让ReleativeLayout能响应click事件，又同时适应Selector呢？

解决方案2：

A. 将XML文件中的style移除，style的属性在调用它的地方设置。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:background="#cccccc"
android:layout_height="fill_parent">
<!-- the top bar-->
<include layout="@layout/navgation_bar"
android:id="@+id/navbar"
android:layout_width="match_parent"
android:layout_height="49dp"/>
<!-- the logout bar-->
<com.huahai.xxt.ui.more.MoreItemField
android:id="@+id/more_rel_logout"
style="@style/list_item_top"
android:layout_marginTop="15dp"
android:layout_marginRight="15dp"
android:layout_marginLeft="15dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/navbar">
</com.huahai.xxt.ui.more.MoreItemField>
</RelativeLayout>

4. 键盘无法自动弹出

有个需求是：在屏幕一启动的时候，焦点在EditText，然后自动弹出数字键盘。

在设置了EditText获取焦点，其输入类型为数字之后，发下键盘无法自动弹出。

网上查了下，最终可行的解决方案有：

A. 在Manifest中的activity中添加属性

android:windowSoftInputMode="adjustResize"

B. 在View中设置一个Timer或handler，设置键盘的弹出方式：

Timer timer = new Timer();
timer.schedule(new TimerTask() {
@Override
public void run() {
InputMethodManager imm = (InputMethodManager)getSystemService(Context.INPUT_METHOD_SERVICE);
imm.showSoftInput(edt_schoolnum, InputMethodManager.RESULT_SHOWN);
imm.toggleSoftInput(InputMethodManager.SHOW_FORCED, InputMethodManager.HIDE_IMPLICIT_ONLY);
}
}, 300);

其中，edt_schoolnum为对应的EditText，同时在调用该timer之前，edt_schoolnum已经获取了焦点。

edt_schoolnum.requestFocus();