手机网站最小宽度/怎么宣传自己的产品
在做网页设计时，前端设计人员会经常用到基于JS开发的遮罩层，并且背景半透明。这样的效果怎么样在Android上实现呢？这个实现并不困难，先来上效果图：
20121029222704.jpg (29.46 KB, 下载次数: 61)
下载附件 保存到相册
2013-5-3 15:29 上传
本实例源码下载：点击下载
PopMaskViewActivity代码：
[mw_shl_code=java,true]package com.sunchis.demo;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class PopMaskViewActivity extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Button button = (Button) findViewById(R.id.button);
button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// 弹出遮罩层
new DialogView(PopMaskViewActivity.this).show();
}
});
}
}
[/mw_shl_code]
DialogView代码，该View实际上是对话框(Dialog)的自定义，通过单击按钮来触发Dialog的弹出，其样式的控制在style.xml中。
[mw_shl_code=java,true]package com.sunchis.demo;
import android.app.Activity;
import android.app.Dialog;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.view.ViewGroup.LayoutParams;
import android.widget.ImageView;
import android.widget.LinearLayout;
public class DialogView {
private Dialog dialog;
public DialogView(Activity mActivity) {
dialog = new Dialog(mActivity, R.style.mask_dialog);
LinearLayout popView = (LinearLayout) LayoutInflater.
from(mActivity).inflate(R.layout.dialog_view, null);
// 关闭按钮
ImageView viewClose = (ImageView) popView.findViewById(R.id.win_close);
viewClose.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
hide();
}
});
dialog.setContentView(popView,
new LinearLayout.LayoutParams(
LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
dialog.setFeatureDrawableAlpha(Window.FEATURE_OPTIONS_PANEL, 0);
}
public void show() {
dialog.show();
}
public void hide() {
dialog.dismiss();
}
} [/mw_shl_code]
对话框(Dialog)样式style.xml代码，通过“new Dialog(context, theme)”方法进行设置。
[mw_shl_code=java,true]<?xml version="1.0" encoding="utf-8"?>
true
true
true
@null
true
[/mw_shl_code]
最后就是遮罩层的布局代码了：
[mw_shl_code=xhtml,true]<?xml version="1.0" encoding="utf-8"?>
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/dialog"
android:orientation="vertical" >
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/title" >
android:id="@+id/win_close"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/close" />
android:id="@+id/win_title"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_weight="1.05"
android:gravity="center"
android:text="@string/view_title"
android:textColor="#ffffff"
android:textSize="20sp" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/default_button" />
[/mw_shl_code]涉及到的部分图片素材就没有一一列出来，但都包含在源码包中，建议下载源进行研究和学习！
[微信小程序]实现一个自定义遮罩层
正文: 先上效果图: 点击按钮Show显示遮罩层,再次点击屏幕任何地方隐藏遮罩层; Show
C# Winform 实现自定义半透明loading加载遮罩层
在网页中通过div+css实现半透明效果不难,今天我们看看一种在winfrom中实现的方法: 效果图如下,正常时: 显示遮罩层时: 自定义遮罩层控件的源码如下: View Row Code 1 usi ...
C# Winform 实现自定义半透明遮罩层介绍
在网页中通过div+css实现半透明效果不难,今天我们看看一种在winfrom中实现的方法: 效果图如下,正常时: 显示遮罩层时: 自定义遮罩层控件的源码如下: View Row Code 1 usi ...
Android UI设计--半透明效果对话框及activity(可做遮罩层)
下面是style的一些属性及其解释
Spring集成shiro做登陆认证
一.背景 其实很早的时候,就在项目中有使用到shiro做登陆认证,直到今天才又想起来这茬,自己抽空搭了一个spring+springmvc+mybatis和shiro进行集成的种子项目,当然里面还有很 ...
修改web.config来开启Gzip压缩
IIS 7.0之后引入的一个IIS配置文件,详细内容参考官方链接http://www.iis.net/learn/get-started /planning-your-iis-architecture ...
Bzoj4548 小奇的糖果(链表+树状数组)
题面 Bzoj 题解 很显然,我们只需要考虑单独取线段上方的情况,对于下方的把坐标取反再做一遍即可(因为我们只关心最终的答案) 建立树状数组维护一个横坐标区间内有多少个点,维护双向链表实现查询一个点左 ...