dd

Android简明开发教程十八:自定义对话框 Transform

jerry Android 2015年08月24日 收藏

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); 

 }
}

上面代码中包含了两种方法的代码,实际应用中可以任选其一。
dd