[Android 界面] Android: 自定义DIALOG

转自：http://www.eoeandroid.com/forum-viewthread-tid-70061-fromuid-106432.html  2011-04-20  13:58:30

 

一、如何实现自己定义的对话框

在android的ApiDemos中的com.example.android.apis.graphics包下，有一个ColorPickerDialog类，是经典的自定义对话框的例子，我们在去除一些代码，剩下的主框架代码如下（代码中的注释详细注明每个类和方法的用途）：
　　public class ColorPickerDialog extends Dialog { 　　/** 　　* 监听接口，通过此接口，可以把自定义Dialog需要向外界传递的信息，传递出去 　　*/ 　　public interface OnColorChangedListener { 　　void colorChanged(int color); 　　} 　　/** 　　* 需要在对话框(ColorPickerDialog)上呈现的视图，我们自定义对话框的工作，主要就是构造出一个这样的视图 　　*/ 　　private static class ColorPickerView extends View { 　　private OnColorChangedListener mListener; 　　/** 　　* ColorPickerView的构造函数，可以在这个构造函数里用android自带的控件，比如说LinearLayout、EditText和SeekBar等，把ColorPickerView构造出来。 　　* 也可以在onDraw(Canvas canvas)函数中，把ColorPickerView给绘制出来，ColorPickerView采用的就是这种方法。 　　*/ 　　ColorPickerView(Context c, OnColorChangedListener l, int color) { 　　super(c); 　　} 　　/** 　　* 在这个函数里把ColorPickerView给绘制出来 　　* @param canvas 　　*/ 　　@Override 　　protected void onDraw(Canvas canvas) { 　　} 　　/** 　　* 通过此方法来设置ColorPickerView的宽度和高度 　　*/ 　　@Override 　　protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 　　setMeasuredDimension(CENTER_X*2, CENTER_Y*2); 　　} 　　/** 　　* 在这个函数里，调用监听接口OnColorChangedListener的方法，把此自定义Dialog需要向外界传递的信息设置进去 　　*/ 　　@Override 　　public boolean onTouchEvent(MotionEvent event) { 　　switch (event.getAction()) { 　　case MotionEvent.ACTION_DOWN: 　　case MotionEvent.ACTION_MOVE: 　　case MotionEvent.ACTION_UP: 　　mListener.colorChanged(mCenterPaint.getColor());//这条语句调用了监听接口的方法，把信息设置了进去 　　} 　　return true; 　　} 　　} 　　/** 　　* 自定义对话框的构造方法 　　*/ 　　public ColorPickerDialog(Context context, 　　OnColorChangedListener listener, 　　int initialColor) { 　　} 　　@Override 　　protected void onCreate(Bundle savedInstanceState) { 　　super.onCreate(savedInstanceState); 　　OnColorChangedListener l = new OnColorChangedListener() { 　　public void colorChanged(int color) { 　　mListener.colorChanged(color); 　　dismiss(); 　　} 　　}; 　　/** 　　* 只要通过ColorPickerDialog的setContentView方法，即可把我们辛苦绘制的ColorPickerView视图在对话框上呈现出来。 　　*/ 　　setContentView(new ColorPickerView(getContext(), l, mInitialColor)); 　　setTitle("Pick a Color");//这条语句设置对话框的标题 　　} 　　}

自定义的对话框，如图所示：

昨天 13:31 上传

下载附件 (29.57 KB)

二、创建自定义Dialog的关键只有两个步骤：

1.创建一个需要在自定义Dialog显示的自定义View，创建这个自定义View时，既可以在这个View的构造方法中用android自带的控件把自定义View构造出来；也可以在自定义View的@Override protected void onDraw(Canvas canvas)方法中，把自定义View绘制出来

2.在自定义Dialog的@Override protected void onCreate(Bundle savedInstanceState)方法中，通过setContentView(自定义View);方法，把我们的自定义View显示出来

在创建好自定义Dialog后，我们在别的类中，只要调用自定义Dialog的构造函数就可以把自定义Dialog显示出来。对于ColorPickerDialog这个类，调用语句如下：new ColorPickerDialog(getContext(), listener, mPaint.getColor()).show();

下面提供一个在自定义View的构造函数中把View构造出来的例子：

　　/** 　　* 文字对话框 　　*/ 　　public class TextDialog extends Dialog implements SeekBar.OnSeekBarChangeListener{ 　　private LinearLayout linearLayout; 　　private EditText etForText; 　　private SeekBar seekBar; 　　private TextView tvForSeekBar; 　　private Button btnOk; 　　private Button btnCancel; 　　private LinearLayout topChildLinearLayout; 　　private LinearLayout bottomChildLinearLayout; 　　private OnTextInputListener mListener; 　　/** 　　* 文字对话框标题 　　*/ 　　private String title = "请输入文字与选择文字大小"; 　　public interface OnTextInputListener { 　　void textInput(String text, int textSize); 　　} 　　public TextDialog(Context context, OnTextInputListener listener) 　　{ 　　super(context); 　　mListener = listener; 　　linearLayout = new LinearLayout(getContext()); 　　linearLayout.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT)); 　　linearLayout.setOrientation(LinearLayout.VERTICAL); 　　linearLayout.setGravity(Gravity.CENTER); 　　etForText = new EditText(context); 　　etForText.setMinLines(5);//设置最大行数 　　seekBar = new SeekBar(context); 　　seekBar.setLayoutParams(new LinearLayout.LayoutParams(200, LayoutParams.FILL_PARENT)); 　　seekBar.setMax(100); 　　seekBar.setProgress(50); 　　seekBar.setOnSeekBarChangeListener(this); 　　tvForSeekBar = new TextView(context); 　　tvForSeekBar.setText("50"); 　　btnOk = new Button(getContext()); 　　btnOk.setText("确定"); 　　btnCancel = new Button(getContext()); 　　btnCancel.setText("取消"); 　　linearLayout.addView(etForText); 　　topChildLinearLayout = new LinearLayout(getContext()); 　　topChildLinearLayout.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); 　　topChildLinearLayout.setOrientation(LinearLayout.HORIZONTAL); 　　topChildLinearLayout.addView(seekBar); 　　topChildLinearLayout.addView(tvForSeekBar); 　　linearLayout.addView(topChildLinearLayout); 　　bottomChildLinearLayout = new LinearLayout(getContext()); 　　bottomChildLinearLayout.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); 　　bottomChildLinearLayout.setOrientation(LinearLayout.HORIZONTAL); 　　bottomChildLinearLayout.setGravity(Gravity.CENTER); 　　bottomChildLinearLayout.addView(btnOk); 　　bottomChildLinearLayout.addView(btnCancel); 　　linearLayout.addView(bottomChildLinearLayout); 　　btnOk.setOnClickListener(new View.OnClickListener() 　　{ 　　@Override 　　public void onClick(View v) 　　{ 　　// TODO Auto-generated method stub 　　//验证text是否为空 　　String text = etForText.getText().toString()/*.replace("/n", "")*/; 　　if(text == null || text.trim().equals("")) 　　{ 　　Toast.makeText(getContext(), "文字不能为空", Toast.LENGTH_SHORT).show(); 　　return; 　　} 　　int textSizeInt = Integer.valueOf(tvForSeekBar.getText().toString()); 　　mListener.textInput(text, textSizeInt); 　　dismissDialog(); 　　} 　　}); 　　btnCancel.setOnClickListener(new View.OnClickListener() 　　{ 　　@Override 　　public void onClick(View v) 　　{ 　　// TODO Auto-generated method stub 　　dismissDialog(); 　　} 　　}); 　　} 　　@Override 　　protected void onCreate(Bundle savedInstanceState) { 　　super.onCreate(savedInstanceState); 　　setContentView(linearLayout); 　　setTitle(title); 　　} 　　public void dismissDialog() 　　{ 　　this.dismiss(); 　　} 　　@Override 　　public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) 　　{ 　　// TODO Auto-generated method stub 　　tvForSeekBar.setText(progress + ""); 　　} 　　@Override 　　public void onStartTrackingTouch(SeekBar seekBar) 　　{ 　　// TODO Auto-generated method stub 　　} 　　@Override 　　public void onStopTrackingTouch(SeekBar seekBar) 　　{ 　　// TODO Auto-generated method stub 　　} 　　}

此自定义Dialog的效果图如下：