最近需要用到自定义的 dialog。参照网上的做了一个。
如果需要复用这个dialog,就需要自己写一个继承dialog的类。(本文不是)
1. 先准备 mydialog.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="800dp"
android:background="#ff15a7a5"
android:orientation="vertical"
style="@style/MyDialog">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="0.1" >
<Button
android:layout_width="48dp"
android:layout_height="48dp"
android:id="@+id/back"
android:background="@drawable/back"
android:layout_marginLeft="8dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="8dp"
android:layout_marginRight="5dp"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/textView"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
android:textColor="#ffffffff"
android:textSize="20sp" />
<Button
android:layout_width="48dp"
android:layout_height="48dp"
android:id="@+id/rework"
android:background="@drawable/reload"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
android:layout_marginRight="12dp"
android:layout_marginBottom="8dp" />
</RelativeLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:layout_marginBottom="14dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="4dp"
android:layout_weight="0.9"
android:background="#ffffffff"
android:scrollbarStyle="insideInset"
android:scrollbars="vertical" >
<TextView
android:id="@+id/tvname"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="10dp"
android:layout_marginLeft="6dp"
android:layout_marginRight="4dp"
android:layout_marginTop="10dp"
android:background="@null"
android:textSize="18sp"
android:textIsSelectable="true"
android:fadeScrollbars="false"
android:scrollbarStyle="insideOverlay"
android:scrollbars="vertical" />
<android.webkit.WebView
android:id="@+id/webview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="2dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginBottom="20dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:visibility="invisible" />
<ImageView
android:contentDescription="@string/desc"
android:id="@+id/verify"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="2dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginBottom="20dp"
android:scaleType="centerInside"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:visibility="invisible" />
</RelativeLayout>
</LinearLayout>
2. 在value文件夹下的 styles.xml 定义 dialog的style
<style name="MyDialog" parent="@android:Theme.Dialog">
<item name="android:windowFrame">@null</item>
<item name="android:windowNoTitle">true</item>
<item name="android:windowIsFloating">true</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:windowBackground">@android:color/transparent</item>
</style>
或者
<resources>
<style name="dialog" parent="@android:style/Theme.Dialog">
<item name="android:windowFrame">@null</item><!--边框-->
<item name="android:windowIsFloating">true</item><!--是否浮现在activity之上-->
<item name="android:windowIsTranslucent">false</item><!--半透明-->
<item name="android:windowNoTitle">true</item><!--无标题-->
<item name="android:windowBackground">@color/transparent</item><!--背景透明-->
<item name="android:backgroundDimEnabled">false</item><!--模糊-->
</style>
</resources>
3. 编写java代码
dialog = new Dialog(MainActivity.this,R.style.MyDialog);
//1. 先获取布局的view
LinearLayout view=(LinearLayout)LayoutInflater.from(MainActivity.this).inflate(R.layout.mydialog,null);
//2. 加载view
dialog.setContentView(view);
dialog.setCanceledOnTouchOutside(false);
//3. 获取dialog view 下的控件
logview = (TextView) view.findViewById(R.id.tvname);
webView = (WebView) view.findViewById(R.id.webview);
image = (ImageView) view.findViewById(R.id.verify);
Button Backbtn = (Button) view.findViewById(R.id.back);
reworkbtn = (Button) view.findViewById(R.id.rework);
title = (TextView)view.findViewById(R.id.textView);
//对控件做设置或者设置listenner
//返回
Backbtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
image.setVisibility(View.INVISIBLE);
successCount = 10000;//把它变大,以便循环测试跳出来
}
});
//重做
reworkbtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
image.setVisibility(View.INVISIBLE);
}
});
//back事件
dialog.setOnCancelListener(new OnCancelListener() {
@Override
public void onCancel(DialogInterface dialog) {
// TODO Auto-generated method stub
image.setVisibility(View.INVISIBLE);
}
});
4. 可以定制dialog的位置和大小
//设置dialog 的大小和位置, dialog其他设置在 style.xml
Window dialogWindow = dialog.getWindow();
WindowManager.LayoutParams lp = dialogWindow.getAttributes();//默认dialog居中
<span style="white-space:pre"> </span>// lp.x = -80;//设置x坐标
<span style="white-space:pre"> </span>// lp.y = -60;//设置y坐标
WindowManager m = getWindowManager();
Display d = m.getDefaultDisplay();
lp.height = (int) (d.getHeight() * 0.7); // 高度设置为屏幕的0.7
lp.width = (int) (d.getWidth() * 0.8); // 宽度设置为屏幕的0.8
dialogWindow.setAttributes(lp);
5. 直接 dialog.show()