Android自定义dialog的布局

最近需要用到自定义的 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()