How to create your custom Dialog
Google provider two avaiable Dialog - AlertDialog & ProgressDialog.
1. AlertDialog example
public class AlertDialogUsage extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
new AlertDialog.Builder(AlertDialogUsage.this)
.setTitle("Powe level")
.setMessage("Griffin's AlertDialog sample!")
.setPositiveButton("Yes",
new DialogInterface.OnClickListener()
{
public void onClick(DialogInterface dialoginterface, int i)
{
Log.d("TAG","[setPositiveButton]");
}
}
)
.setNegativeButton("No", new DialogInterface.OnClickListener()
{
public void onClick(DialogInterface dialoginterface, int i)
{
Log.d("TAG","[setNegativeButton]");
}
}
)
.show();
}
}
2. ProgressDialog example
public class ProgressDialogUsage extends Activity {
private final static int NOTIFICATION_CALCULATION_FINISH = 0;
private TextView tv;
private ProgressDialog pd;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
tv = (TextView) this.findViewById(R.id.text);
tv.setText("Press any key to start calculation");
}
public boolean onKeyDown(int keyCode, KeyEvent event) {
CalculationWorkingInitialize();
return super.onKeyDown(keyCode, event);
}
public void CalculationWorkingInitialize() {
//1. to start ProgressDialog
pd = ProgressDialog.show(this, "calculation", "please waiting...", true,
false);
pd.setIcon(R.drawable.icon);
//2. to start an Thread to do calculation working
CalculationWorkingBody myWork = new CalculationWorkingBody();
Thread c_thread = new Thread(myWork);
//3. to call start() to do CalculationWorking working
c_thread.start();
}
private class CalculationWorkingBody implements Runnable {
@Override
public void run() {
// TODO Auto-generated method stub
//4. the working,from 1000 -> 0
LongWorkingBody();
//5. to call sendEmptyMessage() to notificate this working is done
progressHandler.sendEmptyMessage(NOTIFICATION_CALCULATION_FINISH);
}
}
//to count from 1000 to 0
private void LongWorkingBody(){
long i = 10000;
while(i>0){
//Log.d("TAG",String.valueOf(i));
i = i-1;
}
}
//Define the Handler that receives messages from the thread calculation
private Handler progressHandler = new Handler() {
public void handleMessage(Message msg) {
switch(msg.arg1){
case NOTIFICATION_CALCULATION_FINISH:
pd.dismiss();
tv.setText("calculation End!");
break;
}
}
};
}
Also, to custom the dialog as following is advise.
public class CustomDialog extends Dialog {
public CustomDialog(Context context) {
super(context);
// TODO Auto-generated constructor stub
}
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.custom_dialog);
setTitle("Custom Dialog");
TextView text = (TextView)findViewById(R.id.text);
text.setText("Hello, this is a custom dialog!");
ImageView image = (ImageView)findViewById(R.id.image);
image.setImageResource(R.drawable.sepurple);
findViewById(R.id.button_yes).setOnClickListener(new Button.OnClickListener(){
public void onClick(View v) {
// TODO Auto-generated method stub
dismiss();
}
});
findViewById(R.id.button_no).setOnClickListener(new Button.OnClickListener(){
public void onClick(View v) {
// TODO Auto-generated method stub
dismiss();
}
});
}
//called when this dialog is dismissed
protected void onStop() {
}
}
And above code is so simple that no more words to discuss.
To list how to do:
1. to defines an xml file to layout the customize dialog. i.g. //custom_dialog.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/layout_root"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="10dp"
>
<ImageView android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_marginRight="10dp"
/>
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="5px"
>
<TextView android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:textColor="#FFF"
/>
<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="5px"
>
<Button android:id="@+id/button_yes"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=" Yes "
android:gravity="center"
/>
<Button android:id="@+id/button_no"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=" No "
android:gravity="center"
/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
Above containes an ImageView, TextView and two Button.
2. to inflate the xml.
setContentView(R.layout.custom_dialog);
3. to initia the value of each resource.
TextView text = (TextView)findViewById(R.id.text);
text.setText("Hello, this is a custom dialog!");
ImageView image = (ImageView)findViewById(R.id.image);
image.setImageResource(R.drawable.sepurple);
3. to define Button 's OnClickListener ...
That's all!
How to initial the dialog.
cd.show();
How to dismiss it.
cd.dismiss();