Android中使用Dialog风格弹出框的Activity

在Android中经常会遇到需要使用Dialog风格弹出框的activity,首先我们可能会首先想到的是在XML布局文件中设置android:layout_height="wrap_content"属性,让activity的高度自适应,显然这还不行,我们还需要为其DialogActivity设置自定义一个样式

[html]  view plain  copy
  1. <style name="dialogstyle">  
  2.         <!--设置dialog的背景-->  
  3.         <item name="android:windowBackground">@android:color/transparent</item>  
  4.         <!--设置Dialog的windowFrame框为无-->  
  5.         <item name="android:windowFrame">@null</item>  
  6.         <!--设置无标题-->  
  7.         <item name="android:windowNoTitle">true</item>  
  8.         <!--是否浮现在activity之上-->  
  9.         <item name="android:windowIsFloating">true</item>  
  10.         <!--是否半透明-->  
  11.         <item name="android:windowIsTranslucent">true</item>  
  12.         <!--设置窗口内容不覆盖-->  
  13.         <item name="android:windowContentOverlay">@null</item>  
  14.         <!--设置动画,在这里使用让它继承系统的Animation.Dialog-->  
  15.         <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>  
  16.         <!--背景是否模糊显示-->  
  17.         <item name="android:backgroundDimEnabled">true</item>  
  18.     </style>  
然后在AndroidManifest.xml中设置DialogActivity的样式为我们自定义的dialogstyle


如下是布局的代码

[html]  view plain  copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="wrap_content"  
  5.     android:background="@color/white"  
  6.     android:orientation="vertical">  
  7.   
  8.     <LinearLayout  
  9.         android:layout_width="match_parent"  
  10.         android:layout_height="65dp"  
  11.         android:orientation="horizontal"  
  12.         android:paddingLeft="@dimen/acitvity_margin"  
  13.         android:paddingRight="@dimen/acitvity_margin">  
  14.   
  15.         <LinearLayout  
  16.             android:layout_width="0dp"  
  17.             android:layout_height="match_parent"  
  18.             android:layout_weight="1"  
  19.             android:orientation="horizontal">  
  20.   
  21.             <TextView  
  22.                 android:layout_width="wrap_content"  
  23.                 android:layout_height="match_parent"  
  24.                 android:gravity="center"  
  25.                 android:text="上班时间:"  
  26.                 android:textColor="@color/grey"  
  27.                 android:textSize="@dimen/size_text_medium" />  
  28.   
  29.             <Button  
  30.                 android:id="@+id/tv_signin_time"  
  31.                 android:layout_width="wrap_content"  
  32.                 android:layout_height="match_parent"  
  33.                 android:background="@color/white"  
  34.                 android:gravity="center"  
  35.                 android:text="9:00"  
  36.                 android:textColor="@color/grey"  
  37.                 android:textSize="@dimen/size_text_medium" />  
  38.         </LinearLayout>  
  39.   
  40.         <LinearLayout  
  41.             android:layout_width="0dp"  
  42.             android:layout_height="match_parent"  
  43.             android:layout_weight="1"  
  44.             android:orientation="horizontal">  
  45.   
  46.             <TextView  
  47.                 android:layout_width="wrap_content"  
  48.                 android:layout_height="match_parent"  
  49.                 android:gravity="center"  
  50.                 android:text="下班时间:"  
  51.                 android:textColor="@color/grey"  
  52.                 android:textSize="@dimen/size_text_medium" />  
  53.   
  54.             <Button  
  55.                 android:id="@+id/tv_signout_time"  
  56.                 android:layout_width="wrap_content"  
  57.                 android:layout_height="match_parent"  
  58.                 android:background="@color/white"  
  59.                 android:gravity="center"  
  60.                 android:text="18:00"  
  61.                 android:textColor="@color/grey"  
  62.                 android:textSize="@dimen/size_text_medium" />  
  63.         </LinearLayout>  
  64.     </LinearLayout>  
  65.   
  66.     <RelativeLayout  
  67.         android:layout_width="match_parent"  
  68.         android:layout_height="65dp"  
  69.         android:paddingLeft="@dimen/acitvity_margin"  
  70.         android:paddingRight="@dimen/acitvity_margin">  
  71.   
  72.         <TextView  
  73.             android:layout_width="wrap_content"  
  74.             android:layout_height="match_parent"  
  75.             android:layout_alignParentLeft="true"  
  76.             android:gravity="center"  
  77.             android:text="公司位置:"  
  78.             android:textColor="@color/grey"  
  79.             android:textSize="@dimen/size_text_medium" />  
  80.   
  81.         <EditText  
  82.             android:id="@+id/et_address"  
  83.             android:layout_width="wrap_content"  
  84.             android:layout_height="match_parent"  
  85.             android:layout_marginLeft="2dp"  
  86.             android:layout_toRightOf="@+id/tv_address"  
  87.             android:background="@color/white"  
  88.             android:hint="请输入公司位置"  
  89.             android:singleLine="true"  
  90.             android:textSize="@dimen/size_text_small" />  
  91.   
  92.         <TextView  
  93.             android:id="@+id/tv_location"  
  94.             android:layout_width="wrap_content"  
  95.             android:layout_height="wrap_content"  
  96.             android:layout_alignParentRight="true"  
  97.             android:layout_centerInParent="true"  
  98.             android:gravity="center"  
  99.             android:padding="5dp"  
  100.             android:text="重新定位"  
  101.             android:textColor="@color/blue"  
  102.             android:textSize="@dimen/size_text_medium" />  
  103.     </RelativeLayout>  
  104.   
  105.     <RelativeLayout  
  106.         android:layout_width="match_parent"  
  107.         android:layout_height="65dp"  
  108.         android:paddingLeft="@dimen/acitvity_margin"  
  109.         android:paddingRight="@dimen/acitvity_margin">  
  110.   
  111.         <TextView  
  112.             android:layout_width="wrap_content"  
  113.             android:layout_height="match_parent"  
  114.             android:layout_alignParentLeft="true"  
  115.             android:gravity="center"  
  116.             android:text="设置管理员:"  
  117.             android:textColor="@color/grey"  
  118.             android:textSize="@dimen/size_text_medium" />  
  119.   
  120.         <ImageView  
  121.             android:layout_width="wrap_content"  
  122.             android:layout_height="match_parent"  
  123.             android:layout_alignParentRight="true"  
  124.             android:gravity="center"  
  125.             android:src="@mipmap/icon_toright" />  
  126.     </RelativeLayout>  
  127. </LinearLayout>  

接下来我们再看一下效果图是不是我们想要的呢


要实现 Android 自定义弹出样式,可以按照以下步骤进行: 1. 创建一个自定义布局文件,包含弹出的视图元素。 2. 创建一个继承自 Dialog 的类,重写其的 onCreate 方法,在其设置弹出样式和内容。 3. 在 Activity 创建该自定义弹出类的对象,并调用 show() 方法实现弹出的显示。 下面是一个简单的自定义弹出样式实现的示例代码: 1. 自定义布局文件 dialog_custom.xml ```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="wrap_content" android:padding="16dp" android:orientation="vertical"> <TextView android:id="@+id/tv_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Title" android:textSize="18sp" android:textColor="#000000" android:gravity="center"/> <EditText android:id="@+id/et_input" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="Input something..." android:textColor="#000000"/> <Button android:id="@+id/btn_ok" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="OK" android:textColor="#FFFFFF" android:background="#009688" android:layout_marginTop="16dp"/> </LinearLayout> ``` 2. 自定义弹出类 CustomDialog.java ```java public class CustomDialog extends Dialog { private TextView tvTitle; private EditText etInput; private Button btnOk; public CustomDialog(Context context) { super(context); } @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.dialog_custom); tvTitle = findViewById(R.id.tv_title); etInput = findViewById(R.id.et_input); btnOk = findViewById(R.id.btn_ok); btnOk.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 在这里处理按钮点击事件 dismiss(); } }); // 设置弹出样式 Window window = getWindow(); if (window != null) { window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT)); WindowManager.LayoutParams layoutParams = window.getAttributes(); layoutParams.gravity = Gravity.CENTER; layoutParams.width = WindowManager.LayoutParams.MATCH_PARENT; layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT; window.setAttributes(layoutParams); } } // 设置弹出标题 public void setTitle(String title) { tvTitle.setText(title); } // 获取输入的内容 public String getInputText() { return etInput.getText().toString(); } } ``` 3. 在 Activity 使用自定义弹出 ```java public class MainActivity extends AppCompatActivity { private CustomDialog customDialog; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 创建自定义弹出对象 customDialog = new CustomDialog(this); // 设置弹出标题 customDialog.setTitle("Input Something"); // 显示弹出 customDialog.show(); // 获取输入的内容 String inputText = customDialog.getInputText(); } } ``` 这样就可以实现一个简单的自定义弹出样式了。需要注意的是,弹出样式可以根据实际需求进行调整。
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值