Lance老师UI系列教程第五课->自定义风格单选多选对话框的实现
来源:互联网 发布:mac 通信检测声音变小 编辑:程序博客网 时间:2024/05/18 00:06
UI系列教程第五课:自定义单选多选对话框的实现
在Android的应用中,常常会用到单选和多选对话框
最简单的方式是直接使用系统自带的对话框
不过有时候出于对应用程序整体风格的考虑
会用到自定义的对话框
说到自定义对话框,无非就是两种实现方式
一种是自定义dialog,另一种就是popwindow
二者皆是设置自定义布局然后再进行一些属性设置
这里包括对话框本身的设置以及对内部控件的监听设置
本文就以常用的单选多选对话框为例来讲解其实现
先来看效果图:
再看工程代码结构:
看ACTIVITY里的调用
public class CustomDialogActivity extends Activity implements OnClickListener{private View mRootView;private Button mBtn1;private Button mBtn2;private Button mBtn3;private Button mBtn4;private SingleChoicePopWindow mSingleChoicePopWindow;private MultiChoicePopWindow mMultiChoicePopWindow;private SingleChoiceDialog mSingleChoiceDialog;private MultiChoicDialog mMultiChoicDialog;private List<String> mSingleDataList;private List<String> mMultiDataList;private Context mContext; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); mContext = this; initView(); initData(); } public void initView() { mBtn1 = (Button) findViewById(R.id.button1); mBtn1.setOnClickListener(this); mBtn2 = (Button) findViewById(R.id.button2); mBtn2.setOnClickListener(this); mBtn3 = (Button) findViewById(R.id.button3); mBtn3.setOnClickListener(this); mBtn4 = (Button) findViewById(R.id.button4); mBtn4.setOnClickListener(this); mRootView = findViewById(R.id.rootView); } private final static int COUNT = 3; public void initData() { mSingleDataList = new ArrayList<String>(); mMultiDataList = new ArrayList<String>(); boolean booleans[] = new boolean[COUNT * 5]; for(int i = 0; i < COUNT; i++) { String string1 = "geniuseoe2012 -->" + i; mSingleDataList.add(string1); } for(int i = 0; i < COUNT * 2; i++) { String string2 = "talent -->" + i; mMultiDataList.add(string2); } initPopWindow(booleans); initDialog(booleans); } public void initPopWindow(boolean []booleans) { mSingleChoicePopWindow = new SingleChoicePopWindow(this, mRootView, mSingleDataList); mSingleChoicePopWindow.setTitle("genius single title"); mSingleChoicePopWindow.setOnOKButtonListener(new OnClickListener() {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubint selItem = mSingleChoicePopWindow.getSelectItem();Toast.makeText(mContext, "selItem = " + selItem, Toast.LENGTH_SHORT).show();}}); mMultiChoicePopWindow = new MultiChoicePopWindow(this, mRootView, mMultiDataList, booleans); mMultiChoicePopWindow.setTitle("genius multi title"); mMultiChoicePopWindow.setOnOKButtonListener(new OnClickListener() {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubboolean []selItems = mMultiChoicePopWindow.getSelectItem();int size = selItems.length;StringBuffer stringBuffer = new StringBuffer();for(int i = 0; i < size; i++){if (selItems[i]){stringBuffer.append(i + " ");}}Toast.makeText(mContext, "selItems = " + stringBuffer.toString(), Toast.LENGTH_SHORT).show();}}); } public void initDialog(boolean []booleans) { mSingleChoiceDialog = new SingleChoiceDialog(this, mSingleDataList); mSingleChoiceDialog.setTitle("genius single title"); mSingleChoiceDialog.setOnOKButtonListener(new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {// TODO Auto-generated method stubint selItem = mSingleChoiceDialog.getSelectItem();Toast.makeText(mContext, "selItem = " + selItem, Toast.LENGTH_SHORT).show();}}); mMultiChoicDialog = new MultiChoicDialog(this, mMultiDataList, booleans); mMultiChoicDialog.setTitle("genius multi title"); mMultiChoicDialog.setOnOKButtonListener(new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {// TODO Auto-generated method stubboolean []selItems = mMultiChoicDialog.getSelectItem();int size = selItems.length;StringBuffer stringBuffer = new StringBuffer();for(int i = 0; i < size; i++){if (selItems[i]){stringBuffer.append(i + " ");}}Toast.makeText(mContext, "selItems = " + stringBuffer.toString(), Toast.LENGTH_SHORT).show();}}); } @Overridepublic void onClick(View v) {// TODO Auto-generated method stubswitch(v.getId()){case R.id.button1:showSingleChoiceWindow();break;case R.id.button2:showMultiChoiceWindow();break;case R.id.button3:showSingleChoiceDialog();break;case R.id.button4:showMultiChoiceDialog();break;}}public void showSingleChoiceWindow(){mSingleChoicePopWindow.show(true);}public void showMultiChoiceWindow(){mMultiChoicePopWindow.show(true);}public void showSingleChoiceDialog(){mSingleChoiceDialog.show();}public void showMultiChoiceDialog(){mMultiChoicDialog.show();}}
以单选popwindow为例,其调用方式如下:
mSingleChoicePopWindow = new SingleChoicePopWindow(this, mRootView, mSingleDataList); mSingleChoicePopWindow.setTitle("genius single title"); mSingleChoicePopWindow.setOnOKButtonListener(new OnClickListener() {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubint selItem = mSingleChoicePopWindow.getSelectItem();Toast.makeText(mContext, "selItem = " + selItem, Toast.LENGTH_SHORT).show();}});
1.初始化对象
2.设置标题
3.添加按钮监听
最后在监听回调里通过getSelectItem方法获取选择值即可得到结果值,简洁易用
大家可直接拷贝到项目里再根据具体情况做细微调整即可
不过不知道为什么dialog始终无法填充全屏,所以只好去掉布局的背景色好与周围的暗色融为一体
附上链接工程:
http://download.csdn.net/detail/geniuseoe2012/4522431
欲知更多Android-UI技巧,请关注窝的下一堂课,更多精彩尽在http://blog.csdn.net/geniuseoe2012
welcome to join android develop group:298044305
上一课: Lance老师UI系列教程第四课->微信TAB界面的实现
下一课:Lance老师UI系列教程第六课->微信聊天气泡界面的实现
- Lance老师UI系列教程第五课->自定义风格单选多选对话框的实现
- Lance老师UI系列教程第五课->自定义风格单选多选对话框的实现
- Lance老师UI系列教程第五课->自定义风格单选多选对话框的实现
- Lance老师UI系列教程第七课->自定义spinner下拉框实现的实现
- Lance老师UI系列教程第七课->自定义spinner下拉框实现的实现
- Lance老师UI系列教程第七课->自定义spinner下拉框实现的实现
- Lance老师UI系列教程第七课->自定义spinner下拉框实现的实现
- Lance老师UI系列教程第一课->QQ设置界面的实现(android)
- Lance老师UI系列教程第四课->微信TAB界面的实现
- Lance老师UI系列教程第六课->微信聊天气泡界面的实现
- Lance老师UI系列教程第八课->新浪新闻SlidingMenu界面的实现
- Lance老师UI系列教程第一课->QQ设置界面的实现(android)
- Lance老师UI系列教程第四课->微信TAB界面的实现
- Lance老师UI系列教程第六课->微信聊天气泡界面的实现
- Lance老师UI系列教程第八课->新浪新闻SlidingMenu界面的实现
- Lance老师UI系列教程第八课->新浪新闻SlidingMenu界面的实现
- Lance老师UI系列教程第六课->微信聊天气泡界面的实现
- Lance老师UI系列教程第四课->微信TAB界面的实现
- hdu1142spfa+记忆化搜索
- SG函数资料(入门必备)
- python multiprocessing 两种创建方式
- 获取系统时间
- 关于jQuery的data()方法的了解
- Lance老师UI系列教程第五课->自定义风格单选多选对话框的实现
- 软件开发的哲学
- memcpy与memmove的区别
- excel蛇(s)形分班函数
- DH 密钥交换
- Android4.1 onTouchEvent分析 (选字模式等)
- Ext.Net 1.x_Ext.Net.GridPanel序号宽度自适应(待完善)
- Struts2.1整合dwr2的问题及解决办法
- Disable auto select after clicking magnifier