Android自带的AlertDialog,ProgressDialog,DatePickerDialog,TimePickerDialog 可以用于简单的对话框显示。当还是有这些对话框不能满足应用需要的时候，这时就可以使用一些自定义的对话框。有多种方法可以实现自定义对话框。一是使用Activity作为Dialog，可以通过设置Activity显示Dialog风格，使得该Activity在外观上和Dialog一致：显示在其它Activity前面且半透明。
<Activity android:name=”MyDialogActivity” Android:theme=”@android:style/Theme.Dialog“></Activity>
本例采用另外两种方法来使用自定义对话框,将用这个对话框来最为图形变换(Transform)的选项：
Primitive: Rectange, Ellipse,Text
Pen: Thin,Thick,Dashed
Brush: Solid, Gradient,Texture
Transform: Identity, Rotate, Scale, Shear
Rendering: Stroke, Fill, Stoke and Fill
首先在res\layout 下新建transformoption.xml 作为自定义对话框布局：
<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout
xmlns:android=”Http://schemas.android.com/apk/res/android”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
>
<ScrollView
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”>
<LinearLayout
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:orientation=”vertical”
>
<TextView
android:text=”Primitive”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</TextView>
<RadioGroup
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
<RadioButton
android:text=”Rectangle”
android:id=”@+id/radioRectangle”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
<RadioButton
android:text=”Ellipse”
android:id=”@+id/radioEllipse”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
<RadioButton
android:text=”Text”
android:id=”@+id/radioText”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
</RadioGroup>
<TextView
android:text=”Pen”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</TextView>
<RadioGroup
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
<RadioButton
android:text=”Thin”
android:id=”@+id/radioThin”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
<RadioButton
android:text=”Thick”
android:id=”@+id/radioThick”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
<RadioButton
android:text=”Dashed”
android:id=”@+id/radioDashed”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
</RadioGroup>
<TextView
android:text=”Brush”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</TextView>
<RadioGroup
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
<RadioButton
android:text=”Solid”
android:id=”@+id/radioSolid”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
<RadioButton
android:text=”Gradient”
android:id=”@+id/radioGradient”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
<RadioButton
android:text=”Texture”
android:id=”@+id/radioTexture”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
</RadioGroup>
<TextView
android:text=”Transform”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</TextView>
<RadioGroup
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
<RadioButton
android:text=”Identity”
android:id=”@+id/radioIdentity”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
<RadioButton
android:text=”Rotate”
android:id=”@+id/radioRotate”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
<RadioButton
android:text=”Scale”
android:id=”@+id/radioScale”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
<RadioButton
android:text=”Shear”
android:id=”@+id/radioShear”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
</RadioGroup>
<TextView
android:text=”Rendering”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</TextView>
<RadioGroup
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
<RadioButton
android:text=”Stroke”
android:id=”@+id/radioStroke”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
<RadioButton
android:text=”Fill”
android:id=”@+id/radioFill”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
<RadioButton
android:text=”Stroke and Fill”
android:id=”@+id/radioStrokeFill”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
</RadioButton>
</RadioGroup>
</LinearLayout>
</ScrollView>
</LinearLayout>
一种方法是重新定制AlertDialog ，基本步骤和Android简明开发教程十七：Dialog 显示图像类似，但是在protected Dialog onCreateDialog(int id) ，需要重新设定Dialog的Content View并给RadioButton添加事件处理：
protected Dialog onCreateDialog(int id) {
final Dialog dialog;
switch (id) {
case OPTION_DIALOG:
LayoutInflater li
= LayoutInflater.from(this);
View optionView
= li.inflate(R.layout.transformoption, null);
AlertDialog.Builder optionDialog
= new AlertDialog.Builder(this);
optionDialog.setTitle("Options");
optionDialog.setView(optionView);
dialog = optionDialog.create();
RadioButton button = (RadioButton) optionView
.findViewById(R.id.radioRectangle);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
primitiveIndex = PRIMITIVE_RECTANGLE;
drawImage();
dialog.dismiss();
}
});
...
button = (RadioButton) optionView
.findViewById(R.id.radioStrokeFill);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
renderingIndex = RENDERING_STROKE_AND_FILL;
drawImage();
dialog.dismiss();
}
});
return dialog;
}
return null;
}
第二种是通过派生Dialog ，定义了一个OptionDialog类作为Dialog子类。
class OptionDialog extends Dialog {
public OptionDialog(Context context) {
super(context);
// TODO Auto-generated constructor stub
}
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.transformoption);
setTitle("Options");
RadioButton button
= (RadioButton) findViewById(R.id.radioRectangle);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
primitiveIndex = PRIMITIVE_RECTANGLE;
drawImage();
dismiss();
}
});
...
button = (RadioButton) findViewById(R.id.radioStrokeFill);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
renderingIndex = RENDERING_STROKE_AND_FILL;
drawImage();
dismiss();
}
});
}
}
这两种方法在显示Dialog时有所不同：
private OptionDialog optionDialog;
static final private int OPTION_DIALOG = 1;
...
optionDialog = new OptionDialog(this);
...
@Override
public void onClick(View view) {
// optionDialog.show();
showDialog(OPTION_DIALOG);
}
下面是完整代码：
public class Transform extends Graphics2DActivity
implements OnClickListener {
static int PRIMITIVE_RECTANGLE = 0;
static int PRIMITIVE_ELLIPSE = 1;
static int PRIMITIVE_TEXT = 2;
static int PEN_THIN = 0;
static int PEN_THICK = 1;
static int PEN_DASHED = 2;
static int BRUSH_SOLID = 0;
static int BRUSH_GRADIENT = 1;
static int BRUSH_TEXTURE = 2;
static int TRANSFORM_IDENTITY = 0;
static int TRANSFORM_ROTATE = 1;
static int TRANSFORM_SCALE = 2;
static int TRANSFORM_SHEAR = 3;
static int RENDERING_STROKE = 0;
static int RENDERING_FILL = 1;
static int RENDERING_STROKE_AND_FILL = 2;
int primitiveIndex;
int penIndex;
int brushIndex;
int transformIndex;
int renderingIndex;
int[] rgbData;
int bitmapWidth;
int bitmapHeight;
class OptionDialog extends Dialog {
public OptionDialog(Context context) {
super(context);
// TODO Auto-generated constructor stub
}
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.transformoption);
setTitle("Options");
RadioButton button
= (RadioButton) findViewById(R.id.radioRectangle);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
primitiveIndex = PRIMITIVE_RECTANGLE;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioEllipse);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
primitiveIndex = PRIMITIVE_ELLIPSE;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioText);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
primitiveIndex = PRIMITIVE_TEXT;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioThin);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
penIndex = PEN_THIN;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioThick);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
penIndex = PEN_THICK;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioDashed);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
penIndex = PEN_DASHED;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioSolid);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
brushIndex = BRUSH_SOLID;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioGradient);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
brushIndex = BRUSH_GRADIENT;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioTexture);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
brushIndex = BRUSH_TEXTURE;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioIdentity);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
transformIndex = TRANSFORM_IDENTITY;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioRotate);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
transformIndex = TRANSFORM_ROTATE;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioScale);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
transformIndex = TRANSFORM_SCALE;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioShear);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
transformIndex = TRANSFORM_SHEAR;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioStroke);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
renderingIndex = RENDERING_STROKE;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioFill);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
renderingIndex = RENDERING_FILL;
drawImage();
dismiss();
}
});
button = (RadioButton) findViewById(R.id.radioStrokeFill);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
renderingIndex = RENDERING_STROKE_AND_FILL;
drawImage();
dismiss();
}
});
}
}
private OptionDialog optionDialog;
private Button btnOptions;
static final private int OPTION_DIALOG = 1;
private AffineTransform at = new AffineTransform();
private int w, h;
private IShape shapes[] = new IShape[3];
private boolean firstTime = true;
private FontEx font = FontEx.getSystemFont();
@Override
protected void drawImage() {
drawTransform();
}
protected Dialog onCreateDialog(int id) {
final Dialog dialog;
switch (id) {
case OPTION_DIALOG:
LayoutInflater li
= LayoutInflater.from(this);
View optionView
= li.inflate(R.layout.transformoption, null);
AlertDialog.Builder optionDialog
= new AlertDialog.Builder(this);
optionDialog.setTitle("Options");
optionDialog.setView(optionView);
dialog = optionDialog.create();
RadioButton button = (RadioButton) optionView
.findViewById(R.id.radioRectangle);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
primitiveIndex = PRIMITIVE_RECTANGLE;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioEllipse);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
primitiveIndex = PRIMITIVE_ELLIPSE;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioText);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
primitiveIndex = PRIMITIVE_TEXT;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioThin);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
penIndex = PEN_THIN;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioThick);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
penIndex = PEN_THICK;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioDashed);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
penIndex = PEN_DASHED;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioSolid);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
brushIndex = BRUSH_SOLID;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioGradient);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
brushIndex = BRUSH_GRADIENT;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioTexture);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
brushIndex = BRUSH_TEXTURE;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioIdentity);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
transformIndex = TRANSFORM_IDENTITY;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioRotate);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
transformIndex = TRANSFORM_ROTATE;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioScale);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
transformIndex = TRANSFORM_SCALE;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioShear);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
transformIndex = TRANSFORM_SHEAR;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioStroke);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
renderingIndex = RENDERING_STROKE;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton)
optionView.findViewById(R.id.radioFill);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
renderingIndex = RENDERING_FILL;
drawImage();
dialog.dismiss();
}
});
button = (RadioButton) optionView
.findViewById(R.id.radioStrokeFill);
button.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
renderingIndex = RENDERING_STROKE_AND_FILL;
drawImage();
dialog.dismiss();
}
});
return dialog;
}
return null;
}
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.transform);
graphic2dView = (GuidebeeGraphics2DView)
findViewById(R.id.graphics2dview);
btnOptions = (Button) findViewById(R.id.btnOption);
btnOptions.setOnClickListener(this);
shapes[0] = new Rectangle(0, 0, 100, 100);
shapes[1] = new Ellipse(0, 0, 100, 100);
IShape[] fontShapes = font.getGlyphArray(96,
"TEXT".toCharArray(), 0,
4, FontEx.TEXT_DIR_LR);
shapes[2] = new Area(fontShapes[0]);
for (int i = 1; i < fontShapes.length; i++) {
((Area) shapes[2]).add(new Area(fontShapes[i]));
}
Bitmap bitmap = BitmapFactory.decodeResource(
getResources(),
R.drawable.brick);
bitmapWidth = bitmap.getWidth();
bitmapHeight = bitmap.getHeight();
rgbData = new int[bitmapWidth * bitmapHeight];
bitmap.getPixels(rgbData, 0, bitmapWidth, 0, 0,
bitmapWidth,
bitmapHeight);
w = SharedGraphics2DInstance.CANVAS_WIDTH;
h = SharedGraphics2DInstance.CANVAS_HEIGHT;
optionDialog = new OptionDialog(this);
}
private void setTrans(int transIndex) {
// Sets the AffineTransform.
switch (transIndex) {
case 0:
at.setToIdentity();
at.translate(w / 2, h / 2);
break;
case 1:
at.rotate(Math.toRadians(45));
break;
case 2:
at.scale(0.5, 0.5);
break;
case 3:
at.shear(0.5, 0.0);
break;
}
}
private void drawTransform() {
graphics2D.clear(Color.WHITE);
graphics2D.Reset();
setTrans(transformIndex);
graphics2D.setAffineTransform(at);
// Initialize the transform.
if (firstTime) {
at.setToIdentity();
at.translate(w / 2, h / 2);
firstTime = false;
}
// Sets the Stroke.
Pen pen = null;
switch (penIndex) {
case 0:
pen = new Pen(Color.BLACK, 1);
break;
case 1:
pen = new Pen(Color.BLACK, 8);
break;
case 2: {
int dash[] = { 10, 10 };
pen = new Pen(Color.BLACK, 1, Pen.CAP_BUTT,
Pen.JOIN_MITER, dash, 0);
}
break;
}
// Sets the Paint.
Brush brush = null;
switch (brushIndex) {
case 0:
brush = new SolidBrush(Color.BLUE);
break;
case 1: {
int[] fractions = new int[] { 13, 242 };
Color[] colors = new Color[] { new Color(0xffff6600),
new Color(0xffffff66) };
brush = new LinearGradientBrush(50, 50, 150,
125, fractions,
colors, Brush.REPEAT);
}
break;
case 2:
try {
brush = new TextureBrush(rgbData,
bitmapWidth, bitmapHeight);
} catch (Exception e) {
}
break;
}
// Sets the Shape.
IShape shape = shapes[primitiveIndex];
Rectangle r = shape.getBounds();
AffineTransform toCenterAt = new AffineTransform();
toCenterAt.concatenate(at);
toCenterAt.translate(-(r.width / 2), -(r.height / 2));
graphics2D.setAffineTransform(toCenterAt);
// Sets the rendering method.
switch (renderingIndex) {
case 0:
graphics2D.setDefaultPen(pen);
graphics2D.draw(null, shape);
break;
case 1:
graphics2D.setDefaultBrush(brush);
graphics2D.fill(null, shape);
break;
case 2:
graphics2D.setPenAndBrush(pen, brush);
graphics2D.fill(null, shape);
graphics2D.draw(null, shape);
break;
}
graphic2dView.refreshCanvas();
}
@Override
public void onClick(View view) {
// optionDialog.show();
showDialog(OPTION_DIALOG);
}
}
上面代码中包含了两种方法的代码，实际应用中可以任选其一。