透明Button与自定义对话框设置

1.透明Button的使用

Button效果图:


Button组件代码:

 <Button
            android:id="@+id/IpButton"
            android:layout_width="100dip"
            android:layout_height="50dip"
            android:layout_alignLeft="@+id/top_tool"
            android:layout_below="@+id/top_tool"
            android:layout_marginTop="22dp"
            android:background="@drawable/background_login_input"
            android:drawableLeft="@drawable/icon_msg"
            android:text="短信预定"
            android:textColor="#ffffff"
            android:textSize="15sp"
            android:textStyle="bold" />

用到的背景background_login_input.xml文件内容:


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#33eeaaee" />

    <stroke
        android:width="1.0px"
        android:color="#ffffffff" />

    <padding
        android:bottom="7.0dip"
        android:left="7.0dip"
        android:right="7.0dip"
        android:top="7.0dip" />

    <corners android:radius="8.0dip" />

</shape>

2.自定义Dialog


Dialog效果图:

透明Button与自定义对话框设置_第1张图片

一、程序中Java代码:


private void showDialog() {
		// TODO Auto-generated method stub
		dialog = new Dialog(DialogActivity.this, R.style.CustomDialog);
		dialog.setContentView(R.layout.dialog_ex);// 为对话框设置自定义布局

		
		msgBtn=(Button) dialog.findViewById(R.id.IpButton);
		msgBtn.setOnClickListener(listenerBtn);
		netBtn=(Button) dialog.findViewById(R.id.qqButton);
		
		netBtn.setOnClickListener(listenerBtn);
		emailBtn=(Button) dialog.findViewById(R.id.fanjianButton);
		emailBtn.setOnClickListener(listenerBtn);
		
		cancleBtn=(Button) dialog.findViewById(R.id.chineseButton);
		
		cancleBtn.setOnClickListener(listenerBtn);
		
		
	
dialog.show();
	}

二、R.style.CustomDialog对应的styles.xml文件中的内容:


<resources>

    <style name="AppTheme" parent="android:Theme.Light" />
 <style
        name="CustomDialog"
        parent="@android:Theme.Dialog">
        <!--windowFrame框为无 -->
        <item
            name="android:windowFrame">@null</item>
    
        <item
            name="android:windowNoTitle">true</item>
        <!-- 除去背景 -->
        <item
            name="android:windowBackground">@drawable/bg_transparent</item>
        <!--是否浮现在activity之上 -->
        <item
            name="android:windowIsFloating">true</item>
        <!-- 是否半透明 -->
        <item
            name="android:windowIsTranslucent">true</item>
        <!-- 去掉覆盖层 -->
        <item
            name="android:windowContentOverlay">@null</item>
        <!-- 设置背景颜色 -->
        <item
            name="android:background">#00000000</item>
    </style>

    <!-- Dialog动画 -->
    <style
        name="dialogWindowAnim"
        parent="android:Animation">
       
      
    </style>
    
     <style name="root_layout">
        <item name="android:background">@drawable/main_bg_rect</item>
    </style>
    <style name="ContentOverlay" parent="@android:style/Theme">
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowContentOverlay">@null</item>
       
    </style>
</resources>

三、R.layout.dialog_ex对应的xml布局文件内容:

<?xml version="1.0" encoding="utf-8"?>


    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="300dip"
        android:layout_height="300dip"
        android:orientation="vertical"
           android:layout_marginLeft="10dp"
           android:background="@drawable/main_bg_rect"
    android:layout_marginRight="10dp"
    android:layout_marginTop="160dip"
    android:layout_marginBottom="260dip"  >

        <LinearLayout
            android:id="@+id/mainLinearLayout"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:background="@drawable/bar_bg_moji"
            android:orientation="horizontal" >

            <ImageView
                android:id="@+id/fanjiantozhuye"
                android:layout_width="wrap_content"
                android:layout_height="43dp"
                android:layout_weight="0.0"
                android:src="@drawable/applogo_little" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
              android:layout_gravity="center_vertical"
           
               
                android:text="请选择预定方式"
                android:textColor="#ffffffff"
                android:textSize="20.0dip"
                android:textStyle="bold" />

      
        </LinearLayout>

        <LinearLayout
            android:id="@+id/top_tool"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/mainLinearLayout"
            android:layout_margin="10.0dip"
            android:layout_marginTop="15dp"
            
            android:orientation="vertical"
            android:paddingBottom="10.0dip"
            android:paddingLeft="10.0dip"
            android:paddingRight="10.0dip"
            android:paddingTop="10.0dip" >
        </LinearLayout>

        <Button
            android:id="@+id/IpButton"
            android:layout_width="100dip"
            android:layout_height="50dip"
            android:layout_alignLeft="@+id/top_tool"
            android:layout_below="@+id/top_tool"
            android:layout_marginTop="22dp"
            android:background="@drawable/background_login_input"
            android:drawableLeft="@drawable/icon_msg"
            android:text="短信预定"
            android:textColor="#ffffff"
            android:textSize="15sp"
            android:textStyle="bold" />

        <Button
            android:id="@+id/qqButton"
            android:layout_width="100dip"
            android:layout_height="50dip"
            android:layout_alignBaseline="@+id/IpButton"
            android:layout_alignBottom="@+id/IpButton"
            android:layout_alignRight="@+id/top_tool"
            android:background="@drawable/background_login_input"
            android:drawableLeft="@drawable/icon_net"
            android:text="网上预订"
            android:textColor="#ffffff"
            android:textSize="15sp"
            android:textStyle="bold" />

        <Button
            android:id="@+id/fanjianButton"
            android:layout_width="100dip"
            android:layout_height="50dip"
            android:layout_alignLeft="@+id/IpButton"
            android:layout_below="@+id/IpButton"
            android:layout_marginTop="23dp"
            android:background="@drawable/background_login_input"
            android:drawableLeft="@drawable/icon_emil"
            android:text="邮箱预定"
            android:textColor="#ffffff"
            android:textSize="15sp"
            android:textStyle="bold" />

        <Button
            android:id="@+id/chineseButton"
             android:layout_width="100dip"
            android:layout_height="50dip"
            android:layout_alignBaseline="@+id/fanjianButton"
            android:layout_alignBottom="@+id/fanjianButton"
            android:layout_alignLeft="@+id/qqButton"
            android:background="@drawable/background_login_input"
            android:drawableLeft="@drawable/icon_1_cancle"
            android:text="取消"
            android:textColor="#ffffff"
             android:textSize="15sp"
            android:textStyle="bold" />
    </RelativeLayout>



你可能感兴趣的:(透明Button与自定义对话框设置)