Android自定义对话框

   安卓自带有N种对话框及样式,但有时候不能满足我们的需求,我们就可以自定义对话框,切好图,放到布局文件中就可以了,直接贴代码:

AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="ldm.dialog"
    android:versionCode="1"
    android:versionName="1.0" >


    <uses-sdk
        android:minSdkVersion="10"
        android:targetSdkVersion="19" />


    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".CustomActivity"
            android:label="@string/title_activity_main" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

activity_main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="@string/hello_world"
        tools:context=".CustomActivity" />

</RelativeLayout>

custom_dialog.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/dialog_bg"
    android:orientation="vertical" >


    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
        <ImageView
            android:id="@+id/ico"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="50dp"
            android:src="@drawable/dialog_title_image" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_toRightOf="@+id/ico"
            android:text="Title"
            android:textSize="42dp" />
    </RelativeLayout>
    
    <!-- 中间分割线 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="1dp"
        android:background="@drawable/lins" />


    <!-- 消息体 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="这是一个自定义Dialog" />


    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="30dp"
        android:layout_marginLeft="50dp"
        android:layout_marginRight="50dp"
        android:layout_marginTop="20dp" >
        <Button
            android:id="@+id/ok"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="20dp"
            android:text="确定" />
        <Button
            android:id="@+id/btn_canal"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/ok"
            android:text="取消" />
    </RelativeLayout>
</LinearLayout>

values/mydialog.xml:

<resources xmlns:android="http://schemas.android.com/apk/res/android">


    <style name="mydialog" parent="android:Theme.Dialog" >
        <item name="android:windowFrame">@null</item>
        <!-- 无标题 -->
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@drawable/dialog_bg</item>
        <!-- 悬浮效果 -->
        <item name="android:windowIsFloating">true</item>
        <!-- 遮罩效果 -->
        <item name="android:windowContentOverlay">@null</item>
    </style>


</resources>

然后就是自定义的对话框:

public class CustomDialog extends Dialog {


/* 确定按钮 */
private Button btn_ok;
/* 上下文 */
private Context mcontext;


public CustomDialog(Context context) {
super(context);
mcontext = context;
}


public CustomDialog(Context context, int theme) {
super(context, theme);
mcontext = context;
}


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.custom_dialog);
findViews();
setListeners();
}


/* 实例化UI */
private void findViews() {
btn_ok = (Button) findViewById(R.id.ok);
}


/* 设置确定按钮监听器 */
private void setListeners() {
btn_ok.setOnClickListener(onClickListener);
}


private View.OnClickListener onClickListener = new View.OnClickListener() {


@Override
public void onClick(View v) {
showResults();
}


};

/* 显示结果 */
private void showResults() {
Toast.makeText(mcontext, "自定义对话框点击", Toast.LENGTH_LONG).show();
}
}

最后就是Activity:

public class CustomActivity extends Activity {


@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

/* 实例化自定义对话框 */
CustomDialog dialog = new CustomDialog(this, R.style.mydialog);
/* 显示对话框 */
dialog.show();
}
}

图片可以自己找喜欢的,我的运行结果主这个样子:

技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。