Android 边角擦除符号的实现
最近遇到一个问题,就是怎么弹出一个边角带有擦除符号的view,其实挺简单的,主要就是给dialog设置一个透明的背景就好了,不过通过这个案例我又发现一个比较有趣的现象,感觉挺有意思的,就打算记录一下。先看效果图:
很简单,就是弹出一个dialog, 然后右上角有个close的擦除符号,点击之后会关闭dialog, 这个主要就是给dialog设置一个透明的背景即可。其次,第二点不知道大家有没有注意到,就是当跳转到第二个界面的时候,然后按下home键,然后再次打开应用的时候,发现第二个界面已经销毁了,这是为什么呢?(ps:第一个界面我设置了singleTask的启动模式,第二个界面设置了透明的样式) ,可以思考一下。。。
- 先说dialog的实现,代码很简单了,直接上代码:
MyDialog.java
public class MyDialog extends Dialog {
private ImageView close;
private Context context;
public MyDialog(Context context) {
super(context);
this.context = context;
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.dialog_jiaobiao_layout);
close = (ImageView) findViewById(R.id.dialog_img_close);
close.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(context, "取消", Toast.LENGTH_SHORT).show();
MyDialog.this.cancel();
}
});
}
}
其中dialog对应的布局如下:
dialog_jiaobiao_layout.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="200dp">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:layout_marginTop="20dp"
android:padding="10dp"
app:cardBackgroundColor="@color/color_5a79b7"
app:cardCornerRadius="5dp"
app:cardElevation="10dp">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="10dp"
android:text="XXXX提示信息。。。"
android:textColor="#fff"/>
</android.support.v7.widget.CardView>
<ImageView
android:id="@+id/dialog_img_close"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:src="@mipmap/close"/>
</RelativeLayout>
为了看起来有点立体感,我TextView外层包裹了一个CardView,然后就是一个简单的相对布局,将取消符号图片放在右上角即可, 但是如果只是这样的话是不行的,还要将dialog设置透明才能达到这种效果,紧接着在MainActivity中这样实现即可:
public class MainActivity extends AppCompatActivity {
private static final String TAG = "xyzz";
private Context mContext=this;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
@Override
protected void onResume() {
super.onResume();
Log.d(TAG, "onResume() returned: " + "Mainactivity : onResume");
}
public void showDialog(View view) {
MyDialog dialog=new MyDialog(mContext);
dialog.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT));
dialog.setCancelable(true);
dialog.show();
}
public void skip(View view){
startActivity(new Intent(mContext, TransparentActivity.class));
}
}
当弹出dialog的时候,通过
dialog.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT));
来将dialog设置透明,这样就可以了。
然后说说另一种现象,就是跳转到第二个界面的时候,点击home键,然后再次进入应用,第二个界面被销毁了
其实我是将MainActivity设置成singleTask的启动模式,将第二个Activity设置成透明样式,当点击home键,再次点击应用的时候,由于第二个界面是透明的,所以会走MainActivityon的onResume生命周期方法,由于MainActivity是singleTask启动模式,所以再次启动它的时候会将位于它之上的Activity实例给清理掉,所以第二个界面就被销毁了。
第二个界面也就是TransparentActivity,就是给它的theme设置了一个透明的样式,布局中也就一个TextView,就不贴TransparentActivity代码了
AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="me.sunlight">
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity
android:name=".MainActivity"
android:launchMode="singleTask">
<intent-filter>
<action android:name="android.intent.action.MAIN"/>
<category android:name="android.intent.category.LAUNCHER"/>
</intent-filter>
</activity>
<activity
android:name=".TransparentActivity"
android:theme="@style/TransparentTheme"/>
</application>
</manifest>
TransparentTheme
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
<style name="TransparentTheme" parent="AppTheme">
<item name="android:windowBackground">@color/transparent</item>
<item name="android:windowIsTranslucent">true</item>
<item name="android:windowAnimationStyle">@android:style/Animation.Translucent</item>
</style>
</resources>