Dialog是我們項目中經常會用到的工具,實現它的方式也多種多樣,有時爲了需要我們會把Activity展示成Dialog,今天就講一下如何用Activity寫Dialog.
主要有以下幾點:
- AndroidManifest設置activity的主題
- activity佈局的設置
- activity.class的設置
AndroidManifest設置activity的主題
android:theme=”@style/MyDialogStyle”
<style name="MyDialogStyle" parent="Theme.AppCompat.NoActionBar">
<!-- 去黑邊 -->
<item name="android:windowFrame">@null</item>
<!-- 設置是否可滑動 -->
<item name="android:windowIsFloating">true</item>
<!-- 設置是否透明 -->
<item name="android:windowIsTranslucent">false</item>
<item name="android:windowDisablePreview">true</item>
<!-- 無標題 -->
<item name="android:windowNoTitle">true</item>
<!-- 背景 -->
<item name="android:background">@null</item>
<!-- 窗口背景 -->
<item name="android:windowBackground">@color/line_black_tran_50</item>
<!-- 是否變暗 -->
<item name="android:backgroundDimEnabled">true</item>
<!-- 點擊空白部分activity不消失 -->
<item name="android:windowCloseOnTouchOutside">false</item>
<!--dialog出現和消失的動畫-->
<item name="android:windowAnimationStyle">@style/AnimSlideBottom</item>
</style>
activity佈局的設置
我們分享的需求就是展示, 沒有就隱藏,只做了微博,微信,朋友圈,QQ分享.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/ll_share_parent"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:fitsSystemWindows="true"
android:orientation="vertical">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingBottom="20dp"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:paddingTop="24dp">
<LinearLayout
android:id="@+id/ll_share_top"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/share_weibo"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:drawablePadding="8dp"
android:drawableTop="@mipmap/share_weibo"
android:gravity="center"
android:text="新浪微博"
android:textColor="#999999"
android:textSize="12sp" />
<TextView
android:id="@+id/share_weichat"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:drawablePadding="8dp"
android:drawableTop="@mipmap/share_weichat"
android:gravity="center"
android:text="微信"
android:textColor="#999999"
android:textSize="12sp" />
<TextView
android:id="@+id/share_friends"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:drawablePadding="8dp"
android:drawableTop="@mipmap/share_friends"
android:gravity="center"
android:text="朋友圈"
android:textColor="#999999"
android:textSize="12sp" />
<TextView
android:id="@+id/share_qq"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:drawablePadding="8dp"
android:drawableTop="@mipmap/share_qq"
android:gravity="center"
android:text="QQ"
android:textColor="#999999"
android:textSize="12sp" />
</LinearLayout>
<TextView
android:id="@+id/tv_no_share"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="@string/share_no"
android:textColor="#626262"
android:textSize="12dp"
android:visibility="gone" />
</FrameLayout>
<View
android:id="@+id/view_line"
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:background="#e8e8e8" />
<Button
android:id="@+id/share_cancel"
android:layout_width="match_parent"
android:layout_height="54dp"
android:background="@color/transparent"
android:gravity="center"
android:text="取消"
android:textColor="#999999"
android:textSize="16sp" />
<View
android:id="@+id/view_virtualHeight"
android:layout_width="match_parent"
android:layout_height="0dp"
android:background="#ff4800" />
</LinearLayout>
等會我再說爲什麼添加一個View->”view_virtualHeight”.
activity.class的設置
當點擊這個頁面時dialog就消失
@Override public boolean onTouchEvent(MotionEvent event) {
this.finish();
return super.onTouchEvent(event);
}
現在全面屏比較流行,但是此時虛擬按鍵會遮蓋一部分佈局,所以在activity初始化的時候判斷是否有虛擬按鍵,根據測量的虛擬按鍵的高度設置View->”view_virtualHeight”.這樣,虛擬按鍵就遮蓋的是view_virtualHeight,就相當於給虛擬按鍵添加了一個背景色.
// 設置分享彈窗位置和寬高以及顯示隱藏動畫
getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
getWindow().setGravity(Gravity.BOTTOM);
// 虛擬按鍵顯示隱藏更改佈局距離底部距離
getWindow().getDecorView().getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override public void onGlobalLayout() {
int height = virtualHeight;
virtualHeight = CommonUtils.getVirtualKeyboardHeight(ShareWbActivity.this);
if (height == virtualHeight) return;
LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) mShareViewVirtualHeight.getLayoutParams();
params.height = virtualHeight;
mShareViewVirtualHeight.setLayoutParams(params);
}
});
爲什麼添加一個View呢?其實開始並沒有添加,而是設置整個跟佈局的padding,但是這樣有的手機的虛擬按鍵可能會變淺,所以就使用這種方式添加了一個背景色.
爲了保證再次分享之後dialog消失
@Override protected void onResume() {
super.onResume();
if (isFirst) isFirst = false;
else this.finish();
}
雖然在xml中設置了動畫,進來動畫是指定的,但是出去的時候有的手機還是默認的那種,需要在finish()方法中添加如下設置就可以了.
@Override
public void finish() {
super.finish();
//註銷掉activity本身的過渡動畫
overridePendingTransition(0,0);
}
如果想知道分享的具體問題,可以看這篇博客.Android微博,微信,QQ分享功能的實現
歡迎討論.