android dialog ——列表项带图标的列表对话框、模拟菜单项带

最新推荐文章于 2024-06-07 20:00:00 发布

liu_jia_guo

最新推荐文章于 2024-06-07 20:00:00 发布

阅读量1k

点赞数

分类专栏： Android基础文章标签： dialog android layout list button string

Android基础专栏收录该内容

72 篇文章 0 订阅

订阅专栏

android dialog ——列表项带图标的列表对话框、模拟菜单项带

楼主

发表于 2011-6-16 08:53:43 | 查看: 5520 | 回复: 40

1、将TextView装载到列表项中去就可以实现带图标的列表项，这里需要借助BaseAdapter适配器来实现，然后通过getView将TextView返回就OK。

设置图片资源到TextView需要用到setCompoundDrawable(left,top,right,bottom)此方法，如下:

textView.setCompoundDrawablesWithIntrinsicBounds(imgIds[position], 0, 0, 0);

复制代码

imgIds是图片资源数组,即将图片资源设置到TextView的左边（文字在右边，相对位置为文字）

具体设置TextView如下：

TextView textView =
new TextView(IconListDialogActivity.this);
//获得array.xml中的数组资源getStringArray返回的是一个String数组
String text = getResources().getStringArray(R.array.hobby)[position];
textView.setText(text);
//设置字体大小
textView.setTextSize(24);
AbsListView.LayoutParams layoutParams = new AbsListView.LayoutParams(
LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT);
textView.setLayoutParams(layoutParams);
//设置水平方向上居中
textView.setGravity(android.view.Gravity.CENTER_VERTICAL);
textView.setMinHeight(65);
//设置文字颜色
textView.setTextColor(Color.BLACK);
//设置图标在文字的左边
textView.setCompoundDrawablesWithIntrinsicBounds(imgIds[position], 0, 0, 0);
//设置textView的左上右下的padding大小
textView.setPadding(15, 0, 15, 0);
//设置文字和图标之间的padding大小
textView.setCompoundDrawablePadding(15);

复制代码

关于BaseAdapter具体用法和对话框原理，参考spinner下拉列表和普通对话框原理

2、模拟菜单项带图标

对于菜单的子菜单项，无论是上下文菜单ContextMenu还是SubMenu都不支持图片资源，这里针对输入框的上下文菜单的简单模拟(其他类似)。输入框长按将弹出菜单，故需要对输入框长按事件监听，如下

EditText editText = (EditText) findViewById(R.id.editText);
View.OnLongClickListener editListener =
new View.OnLongClickListener() {
@Override
public boolean onLongClick(View view) {
showDialog(ICON_LIST_DIALOG);
return true;
}
};
editText.setOnLongClickListener(editListener);

复制代码

---------------------------------------------------------------------------------------------------------

实现步骤

第一步：定义res/values/array.xml 用来存放列表项文字内容

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string-array name="hobby">
<item>篮球</item>
<item>足球</item>
<item>排球</item>
</string-array>
</resources>

复制代码

第二步：接下来还是一个输入框和一个按钮，如下

res/layout/icon_list_dialog_layout.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="wrap_content">
<EditText android:id="@+id/editText"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="长按输入框将弹出上下文菜单ContextMenu"/>
<Button android:id="@+id/button"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="显示列表对话框 "
/>
</LinearLayout>

复制代码

第三步：src/com/myiconlistdialog/activity/IconListDialogActivity.java

package com.myiconlistdialog.activity;
import android.app.Activity;
import android.app.AlertDialog;
import android.app.Dialog;
import android.app.AlertDialog.Builder;
import android.content.DialogInterface;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.AbsListView;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
public class IconListDialogActivity extends Activity {
private int[] imgIds = {R.drawable.basketball,
R.drawable.football, R.drawable.volleyball};
private final int ICON_LIST_DIALOG = 1;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.icon_list_dialog_layout);
Button button = (Button) findViewById(R.id.button);
View.OnClickListener btnListener = new View.OnClickListener() {
@Override
public void onClick(View view) {
showDialog(ICON_LIST_DIALOG);
}
};
button.setOnClickListener(btnListener);
EditText editText = (EditText) findViewById(R.id.editText);
View.OnLongClickListener editListener =
new View.OnLongClickListener() {
@Override
public boolean onLongClick(View view) {
showDialog(ICON_LIST_DIALOG);
return true;
}
};
editText.setOnLongClickListener(editListener);
}
@Override
protected Dialog onCreateDialog(int id) {
Dialog dialog = null;
switch(id) {
case ICON_LIST_DIALOG:
Builder builder = new AlertDialog.Builder(this);
builder.setIcon(R.drawable.basketball);
builder.setTitle("体育爱好");
BaseAdapter adapter = new ListItemAdapter();
DialogInterface.OnClickListener listener =
new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int which) {
EditText editText =
(EditText) findViewById(R.id.editText);
editText.setText("你选择了: " +getResources()
.getStringArray(R.array.hobby)[which]);
}
};
builder.setAdapter(adapter, listener);
dialog = builder.create();
break;
}
return dialog;
}
class ListItemAdapter extends BaseAdapter {
@Override
public int getCount() {
return imgIds.length;
}
@Override
public Object getItem(int position) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position,
View contentView, ViewGroup parent) {
TextView textView =
new TextView(IconListDialogActivity.this);
//获得array.xml中的数组资源getStringArray返回的是一个String数组
String text = getResources().getStringArray(R.array.hobby)[position];
textView.setText(text);
//设置字体大小
textView.setTextSize(24);
AbsListView.LayoutParams layoutParams = new AbsListView.LayoutParams(
LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT);
textView.setLayoutParams(layoutParams);
//设置水平方向上居中
textView.setGravity(android.view.Gravity.CENTER_VERTICAL);
textView.setMinHeight(65);
//设置文字颜色
textView.setTextColor(Color.BLACK);
//设置图标在文字的左边
textView.setCompoundDrawablesWithIntrinsicBounds(imgIds[position], 0, 0, 0);
//设置textView的左上右下的padding大小
textView.setPadding(15, 0, 15, 0);
//设置文字和图标之间的padding大小
textView.setCompoundDrawablePadding(15);
return textView;
}
}
}

复制代码

目录结构

效果图：

初始状态

单击按钮或者长按输入框

IconListDialogDemo.rar (154.41 KB, 下载次数: 238)

liu_jia_guo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android dialog ——列表项带图标的列表对话框、模拟菜单项带

android dialog ——列表项带图标的列表对话框、模拟菜单项带楼主发表于 2011-6-16 08:53:43 | 查看: 5520| 回复: 401、将TextView装载到列表项中去就可以实现带图标的列表项，这里需要借助BaseAdapter适配器来实现，然后通过getView将TextView返回就OK。
复制链接

扫一扫

专栏目录