Android实战(八)------点击空白可消失的弹出层dialog中显示动态高度宽度的gridview

现在的需求是 实现一个 弹出层，层里有gridview，gridview的高度超过 屏幕高度的0.8时则 动态设置 gridview(层)的高度宽度分别为 屏幕的0.8和 0.89.

包含了 动态获取gridview的高度，设置dialog的高宽度，以及 dialog中嵌套 gridview等 知识的运用。

代码如下:

dialogview.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="match_parent"
android:orientation="vertical"
>

<GridView
android:id="@+id/gridview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="0dp"
android:layout_marginRight="0dp"
android:layout_marginTop="0dp"
android:layout_marginBottom="0dp"
android:background="@color/grid"
android:horizontalSpacing="1.0px"
android:listSelector="@null"
android:numColumns="2"
android:smoothScrollbar="true"
android:soundEffectsEnabled="true"
android:stretchMode="columnWidth"
android:verticalSpacing="1.0px"
/>

</LinearLayout>

注意这里margin 的属性全部置为 0dp，否则 会占用 dialog的空间，导致 点击 gridview之外的空白区域，有一部分无法响应 层的取消事件。 也就是 点击占用的这部分空白

弹出层不消失。 就达不到我们的需求。

gridview高宽度设为随内容自适应。

可滑动。

列数设为2，这个值在后面计算gridview的高度时需要用到。

styles.xml

设置dialog的样式

<resources>

<!--
Base application theme, dependent on API level. This theme is replaced
by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
-->
<style name="AppBaseTheme" parent="android:Theme.Light">
<!--
Theme customizations available in newer API levels can go in
res/values-vXX/styles.xml, while customizations related to
backward-compatibility can go here.
-->
</style>

<!-- Application theme. -->
<style name="AppTheme" parent="AppBaseTheme">
<!-- All customizations that are NOT specific to a particular API-level can go here. -->
</style>
<style name="dialog" parent="@android:style/Theme.Dialog">
<item name="android:windowNoTitle">true</item>
<item name="android:windowFrame">@null</item>
<item name="android:windowIsFloating">true</item>
<item name="android:windowIsTranslucent">false</item>
<item name="android:background">@android:color/transparent</item>
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:backgroundDimEnabled">true</item>
<!-- 模糊 -->
</style>

</resources>

Activity

创建弹出层的方法如下:

public void createDialog(final List<FinalBean> list) {
View dialogView = inflater.inflate(R.layout.dialogview, null);
GridView mGridView = (GridView) dialogView.findViewById(R.id.gridview);
ClassAdapter listAdapter=new ClassAdapter(ReadWriteActivity.this, list);
mGridView.setAdapter(listAdapter);
final Dialog dialog = new Dialog(ReadWriteActivity.this, R.style.dialog);
dialog.setContentView(dialogView);
Window win = dialog.getWindow();
int totalHeight = 0;
// i每次加2，计算一次item的高度
for (int i = 0; i < listAdapter.getCount(); i +=2) {
// 获取listview的每一个item
View listItem = listAdapter.getView(i, null, mGridView);
listItem.measure(0, 0);
// 获取item的高度和
totalHeight += listItem.getMeasuredHeight();
}
WindowManager m = getWindowManager();
Display d = m.getDefaultDisplay(); // 为获取屏幕宽、高
if (totalHeight > d.getHeight() * 0.8) {
LayoutParams params = new LayoutParams();
params.height = (int) (d.getHeight() * 0.8); // 高度设置为屏幕的0.8
params.width = (int) (d.getWidth() * 0.89); // 宽度设置为屏幕的0.89
win.setAttributes(params);

}
dialog.setCanceledOnTouchOutside(true);
dialog.show();
mGridView.setOnItemClickListener(new OnItemClickListener() {

@Override
public void onItemClick(AdapterView<?> arg0, View arg1,
int position, long arg3) {
// TODO Auto-generated method stub
mClassText.setText(list.get(position).getCbean().getCname());
cid = list.get(position).getCbean().getCid();
productList2 = list.get(position).getPlist();
sizeList2 = list.get(position).getSlist();
mProductText.setText("");
mSizeText.setText("");
mEdit.setText("");
dialog.dismiss();
}
});
}

这里用item高度相加的方法来算出gridview的高度，因为gridview在未绘制前 直接getHeight和getWidth为0.