转载Android NDK(Eclipse+Cygwin+NDK)的开发

mikel阅读(935)

转载Android NDK(Eclipse+Cygwin+NDK)的开发 – 正正博客 – 博客园.

本篇博客在cnblogs首发:http://www.cnblogs.com/zzc1986

开发问题:

我非常喜欢Eclipse这个IDE,因此,这是我的首选了。而目前Android的NDK开发离不开Linux环境,大家却对Windows比较熟悉,在Windows平台最好的模拟Linux环境的就是Cygwin了,好马上开始了。

Eclipse CDT安装和Cygwin的安装就不多说了,注意Cygwin一定要安装好所有的gnu工具,比如gcc,gdb等,建议出去特别专业外的全部安装,这样 就有了一个比较完整的Linux开发环境。但是,Cygwin在最近版本中却不能与Eclipse进行很好的集成,参考:http://www.2009fly.com/index/a/bianchengyuyan/C_C__/2011/0119/232.html。为了使用,请跟着我做简单的如下配置,参考中虽然也提供了方法,但是我并没有配置成功,估计是不是新版本又有所改变。好了,来做如下配置:

1、  首先,你要建立一个标准的C/C++工程,然后在工程的属性作如下配置:选中C/C++ Build->Tool Chain Editor,在右边的Current toolchain中选择Cygwin GCC。

2、  在C/C++ Build->Settings 中,你需要做一下几个方面的配置。在Cygwin C Compiler->Includes中,设置你的Cygwin的include路径,比如,我的是:

E:\cygwin\usr\include

E:\cygwin\usr\include\w32api

完成上面的配置后,你如果写代码,就可以看到提示了,而且原来可恶的警告提示符也不见了。

3、  目前你能编译了,但是link呢?很好办,在你的Cygwin C Linker->Libraries中的Library search path(-L)中配置你的library路径,我的是:

E:\cygwin\lib

在Cygwin C Linker->Libraries的Libraries(-l)中填写你需要连接的库,注意,比如libxml2.so,你只需要写xml2就够了,Linux下开发的都应该清楚的啊。

现在开发没有问题了,但是我们要进行的是Android上的开发啊,呵呵,刚才我配置的是PC上的开发,其实也没有关系啊,只要把上面的 include设置成你针对的android平台的include就可以了。比如我的是针对的Android-8,也就是Android2.2,那么我把 include设置成:

E:\Android\android-ndk-r4\build\platforms\android-8\arch-arm\usr\include

这样就可以了,至于link的library么,那就不用设置了,因为我们只想用Eclipse来完成编码,而编译就交给ndk-build了,当 然,你要会写Android.mk文件的奥。还有一点,要提醒的是,如果你的程序需要Android ndk还没有公开的API,那么,你可以直接去Android的git库里面将其代码下载下来。放心,你不需要重新编译的,知识利用里面的头文件就好,然 后配置到Eclipse CDT的include目录用来完成代码编写,配置到Android.mk文件用来compile、link。那么link的时候so去哪里找呢,呵呵, 就在你的Android模拟器中啊,或者说就在你的真机上呢,将他们下载到你的platfoms的目录中就可以了:

E:\Android\android-ndk-r4\build\platforms\android-8\arch-arm\usr\lib

不过要注意版本奥。有些so没问题,但是有些却是有问题的奥,比如icu4c库,也就是libicucore.so。那么,怎样用ndk-build呢,呵呵,你现在有Cygwin了,ndk-build就可以直接使用了,请参考Android ndk的官方文档。

奥,我的Eclipse是Helios Service Release 1,CDT版本是7.0.1.201009141542。下次也会在这个版本上讲解“Android NDK(Eclipse+Cygwin+NDK)的调试”。欢迎大家加入Andorid高级开发群:72565180来进行讨论奥,里面有很多的高手和资料等着你呢。

====================================================================

版权所有,欢迎转载,请在转载前注明原文出处:正正博客

CNBlogs URL:http://www.cnblogs.com/zzc1986

尊重别人的劳动成果也就是尊重自己!

推荐:Android交流群: 72565180

====================================================================

正正博客:http://www.2009fly.com/

[转载]android源码解析 ---- camera 照相机 摄像机

mikel阅读(819)

Android源码解析 —- camera 照相机 摄像机 

文章出处:http://blog.csdn.net/dany1202/archive/2011/01/26/6164450.aspx

一.camera启动
1.一个activity启动调用流程:
onCreate()–>onStart()–>onResume()
onCreate():
1.可添加所需布局文件,画界面。
2.开启线程,启动硬件摄像头,调用CameraHolder.instance().open()得到一个Android.hardwareCamera实例mCameraDevice
ensureCameraDevice()–>CameraHolder.instance().open()–>mCameraDevice.getParameters();确保摄像头存在,并将摄像头打开。
startPreview();开始取景预览
3.创建 VideoPreview 的SurfaceHolder,同时注册callback函数,当VideoPreview的长宽变化时,调用SurfaceChanged()函数
mSurfaceView = (SurfaceView) findViewById(R.id.camera_preview);
SurfaceHolder holder = mSurfaceView.getHolder();
holder.addCallback(this);
holder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
4.mIsImageCaptureIntent是否为从短信息或联系人编辑界面发送的intent到camera
mIsImageCaptureIntent = isImageCaptureIntent();当该函数返回true时,表示从短信息或联系人界面跳转到拍照界面;
为false时,表示从桌面程序正常启动camera;要注意两种不同情况所需的右侧界面功能按钮区有变动。
onStart():
1.mSwitcher.setSwitch(SWITCH_CAMERA)设置拍照录像切换按钮切换到照相模式。
onResume()
startPreview()重新开始预览
1.当按home键退出程序时,会掉用stopPreview(),故再次进入时,会执行onResume()函数,在此函数中,应重新开启预览功能。
2.keepScreenOnAwhile()点亮屏幕,防止屏幕变黑。

2.拍照录像切换功能
1.Switcher继承自ImageView,在布局文件中直接布局即可
2.mSwitch为true时,滑块在下方,显示拍照界面;当mSwitch为false时,滑块在上方,显示录像界面。
3.当点击或触碰拍照录像切换按钮时:
MotionEvent.ACTION_UP–>tryToSetSwitch()–>mListener.onSwitchChanged(this, onOff)
在camera.java中实现该接口,调用switchToVideoMode()–>MenuHelper.gotoVideoMode(this)–>startCameraActivity(),并结束当前程序。

3.updateThumbnailButton()更新功能按钮去的到相簿按钮
1.调用事件:
initializeFirstTime初始化时调用
initializeSecondTime()时调用
Intent.ACTION_MEDIA_SCANNER_FINISHED,扫描SD卡结束时调用
2.mThumbController.isUriValid(),当图库里有图片时,值为TRUE;当图库里无图片时,值为FALSE。
3.updateLastImage()更新到相簿按钮上的显示图片。
4.mThumbController.updateDisplayIfNeeded()–>if (mUri == null) mButton.setImageDrawable(null);当图库无照片时,此处不显示任何照片。

4.shutterButton拍照按钮
1.对焦调用流程
按下屏幕上的ShutterButton 按钮。
ShutterButton.java中的监听线程 调用callShutterButtonFocus(),这个函数会调用接口 ShutterButton.OnShutterButtonListener 的函数onShutterButtonFocus()。
Camera.java实现了接口ShutterButton.OnShutterButtonListener。故Camera.java中的函数onShutterButtonFocus()被调用。
接着的执行流程为—–> doFocus()——>autoFocus()—>mCameraDevice.autoFocus()
2.拍照调用流程
之后ShutterButton.java调用performClick(),这个函数中调用了Camera.java中的onShutterButtonClick()
接着的执行流程为 —–>dosnap()—–>ImagePicture.onSnap()—–>ImageCapture.initiate()—->ImageCapture.capture() 此函数执行完后,takepicture 过程完成
takePicture 完成后,surfaceChanged()将被调用将刚照下的照片显示在屏幕上。
Camera.java中的回调接口JpegPictureCallback中的函数onPictureTaken()接着执行。这个函数先调用ImageCapture.storeImage()将jpeg图像数据存储在内存。
3.picture 的thumbnail显示过程:
ImageCapture.storeImage()—>ImageCapture.setLastPictureThumb()—> mThumbController.setData(uri, lastPictureThumb);

5.布局文件

1.attach_camera_control.xml,当从短信息或联系人界面,进入camera时,右侧功能按钮区的“确定” “重拍”及“取消”

2.camera_control.xml,camera和videocamera主界面右侧的功能按钮区的布局

3.camera.xml,camera主界面左侧预览取景区的布局

4.video_camera.xml,videocamera主界面左侧预览取景区的布局

5.on_screen_hint.xml,SD卡相关信息的输出,如在屏幕下方提示“使用相机前请先插入 SD 卡。”

6.照相机SD卡

1.BroadcastReceiver mReceiver,接受SD卡发出的状态变化消息。

2.Intent.ACTION_MEDIA_MOUNTED 挂在

Intent.ACTION_MEDIA_UNMOUNTED 未挂在

Intent.ACTION_MEDIA_CHECKING SD卡从未插入到插入的过程中会调用此状态

Intent.ACTION_MEDIA_SCANNER_FINISHED 扫描SD卡结束,即SD卡进入可使用状态

3.checkStorage()->calculatePicturesRemaining()->MenuHelper.calculatePicturesRemaining()计算SD卡剩余空间

4.updateStorageHint()更新界面提示显示文字

其中MenuHelper.NO_STORAGE_ERROR包含SD卡状态:MEDIA_CHECKING,MEDIA_SHARED,等SD卡被移除状态

state = Environment.getExternalStorageState()获取SD卡状态

如state.equals(Environment.MEDIA_CHECKING)表示SD卡正在准备中

mStorageHint = OnScreenHint.makeText(this, noStorageText);设置当前界面需显示的内容

mStorageHint.show();显示SD卡状态文字

7. 摄像机SD卡,比照相机稍微麻烦一些

1.onResume()函数中注册receive事件

IntentFilter intentFilter =
new IntentFilter(Intent.ACTION_MEDIA_MOUNTED);
intentFilter.addAction(Intent.ACTION_MEDIA_EJECT);
intentFilter.addAction(Intent.ACTION_MEDIA_UNMOUNTED);
intentFilter.addAction(Intent.ACTION_MEDIA_SCANNER_STARTED);
intentFilter.addAction(Intent.ACTION_MEDIA_SCANNER_FINISHED);
intentFilter.addDataScheme(“file”);
mReceiver = new MyBroadcastReceiver();
registerReceiver(mReceiver, intentFilter);
mStorageStatus = getStorageStatus(true);

2.class MyBroadcastReceiver处理接收到的如上注册事件

比如其中

if (action.equals(Intent.ACTION_MEDIA_EJECT)) {
updateAndShowStorageHint(false);
stopVideoRecording();
}在当拔出SD卡是触发

3.updateAndShowStorageHint()->getStorageStatus()

此处 当remaining == NO_STORAGE_ERROR,可添加如SHARE,CHECKING等状态的处理

根据不同的状态,返回不同的值

例如:

if (state.equals(Environment.MEDIA_CHECKING)) {
return STORAGE_STATUS_PREPARE;
}else if(state.equals(Environment.MEDIA_SHARED)){
return STORAGE_STATUS_SHARE;
}else {
return STORAGE_STATUS_NONE;
}

当然,所填家的事件需要在1.2步骤中进行注册并调用此函数

4.showStorageHint()

在switch (mStorageStatus)处理所需显示信息

例如,添加如下case语句,处理如上添加的SHARE状态

case STORAGE_STATUS_SHARE:
errorMessage = getString(R.string.sdcard_busy_message);
break;

5.mStorageHint = OnScreenHint.makeText(this, errorMessage);设置所需显示文字内容

6.mStorageHint.show();显示在当前摄像机界面中

8.取景预览去右侧设置条

1.在oncreat()或者xml文件中,我们找不到设置项对应的布局,那么设置项是在什么地方添加的呢?

changeHeadUpDisplayState()该函数即位添加此布局的入口。

2.res/xml/camera_preferences.xml

其相应的图片及文字值位于该xml文件下

(未完待续)

[转载]android 之摄像头

mikel阅读(809)

[转载]android 之摄像头 – rangq1的专栏 – CSDN博客.

用google查了一下camera方面的资料,前几页的检索内容居然一模一样的,真是浪费时间,严重鄙视一下。

既然要用到硬件肯定要牵涉到权限,

在Mainifest.xml中加入camera的权限:

<uses-permission Android:name=”Android.permission.CAMERA”></uses-permission>

<uses-feature Android:name=”android.hardware.camera” />
<uses-feature android:name=”android.hardware.camera.autofocus” />

调用camera最简单的办法是调用系统的功能,然后通过onActivityResult方法获得图像数据。

不是太习惯用android的xml配置文件,但是为了代码简单,先加一个layout.xml

<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:orientation=”vertical” android:layout_width=”fill_parent”
android:layout_height=”fill_parent”>
<TextView android:text=”Camera Demo” android:id=”@+id/TextView01″
android:layout_width=”fill_parent” android:layout_height=”wrap_content”></TextView>
<RelativeLayout android:id=”@+id/FrameLayout01″ android:layout_weight=”1″
android:layout_width=”fill_parent” android:layout_height=”fill_parent”></RelativeLayout>
<Button android:text=”test” android:id=”@+id/Button01″
android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:layout_gravity=”center”></Button>
</LinearLayout>

系统camera的uri为:

android.media.action.IMAGE_CAPTURE

final int TAKE_PICTURE = 1;
ImageView iv;


private void test1(){

iv = new ImageView(this);

((FrameLayout)findViewById(R.id.FrameLayout01)).addView(iv);

Button buttonClick = (Button)findViewById(R.id.Button01);

buttonClick.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View arg0) {
startActivityForResult(new Intent(“android.media.action.IMAGE_CAPTURE”), TAKE_PICTURE);
}

});

}

protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if (requestCode == TAKE_PICTURE) {
if (resultCode == RESULT_OK) {
Bitmap b = (Bitmap) data.getExtras().get(“data”);
iv.setImageBitmap(b);
}
}
}

系统功能很简单,呵呵,不过不能满足俺小小的控制欲,看看camera类能干些什么。

首先扫描了一下camera,感觉camera主要是用到几个接口:

1.需要SurfaceHolder类来显示图像,并获取SurfaceHolder类传递给Camera,Camera以后通过该Holder对图像进行处理。

所以程序中需要SurfaceView子类,并实现SurfaceHolder.Callback 接口:

public void surfaceChanged(SurfaceHolder holder, int format, int width,int height)

public void surfaceCreated(SurfaceHolder holder)

public void surfaceDestroyed(SurfaceHolder holder)

如:public class Preview extends SurfaceView implements SurfaceHolder.Callback

2.拍摄相片主要用到如下方法:

public final void takePicture(ShutterCallback shutter, PictureCallback raw, PictureCallback jpeg)

方法中的参数是几个回调接口:

ShutterCallback

void onShutter();

拍照时调用该接口,用于按下拍摄按钮后播放声音等操作

PictureCallback

void onPictureTaken(byte[] data, Camera camera);

拍照时调用该接口,data为拍摄照片数据,camera为Camera类自身

takePicture方法中有两个PictureCallback,看参数名好像一个是原始数据,一个是jpeg数据。

3.还有一个预览方式

PreviewCallback

void onPreviewFrame(byte[] data, Camera camera);

该接口可以获取摄像头每一帧的图像数据

此外此外还有几个辅助方法:

startPreview()
stopPreview()
previewEnabled()

4.其它方法:

①自动对焦 AutoFocusCallback

void onAutoFocus(boolean success, Camera camera);

摄像头自动对焦,success表示自动对焦是否成功

ErrorCallback

void onError(int error, Camera camera)

摄像头发生错误是调用该接口,

CAMERA_ERROR_UNKNOWN

CAMERA_ERROR_SERVER_DIED 表示媒体服务已经当掉,需要释放Camera重新启动

③setParameters(Parameters params)

设置摄像头参数

先来做一个最简单的测试:

用来表现图像的SurfaceView子类,Android的例子里面有一个,直接拿过来用用:

class camerView extends SurfaceView implements SurfaceHolder.Callback{
SurfaceHolder mHolder;
Camera mCamera;

public camerView(Context context) {
super(context);

mHolder = this.getHolder();
mHolder.addCallback(this);
mHolder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
}

public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
Camera.Parameters parameters = mCamera.getParameters();
parameters.setPreviewSize(width, height);
mCamera.setParameters(parameters);
mCamera.startPreview();
}

public void surfaceCreated(SurfaceHolder holder) {
mCamera = Camera.open();
try {
mCamera.setPreviewDisplay(holder);
} catch (IOException exception) {
mCamera.release();
mCamera = null;
}
}

public void surfaceDestroyed(SurfaceHolder holder) {
mCamera.stopPreview();
mCamera.release();
mCamera = null;
}

public void draw(Canvas canvas){
super.draw(canvas);
Log.d(“===>”, “draw”);
}
}

内容比较简单,Camera的管理都跟camerView 的几个接口绑在一块。

下来把View加到Active中去,同时用用 takePicture方法:

private void test2(){
cv = new camerView(this);
RelativeLayout relay = (RelativeLayout)findViewById(R.id.FrameLayout01);
relay.addView(cv);

buttonClick = (Button)findViewById(R.id.Button01);
buttonClick.setOnClickListener(new OnClickListener(){
public void onClick(View arg0) {
cv.mCamera.takePicture(
new ShutterCallback(){
public void onShutter() {
Log.d(“===>”, “onShutter”);
}},
new PictureCallback(){
public void onPictureTaken(byte[] data, Camera camera) {
Log.d(“===>”, “raw:” + (data == null ? “null” : data.length));
}},//raw
new PictureCallback(){
public void onPictureTaken(byte[] data, Camera camera) {
Log.d(“===>”, “postview:” + (data == null ? “null” : data.length));
}}, //postview
new PictureCallback(){
public void onPictureTaken(byte[] data, Camera camera) {
Log.d(“===>”, “jpeg:” + (data == null ? “null” : data.length));
}} // jpeg
);
}
});
}

这样所有的代码就完成了,在模拟器上点击test按钮,在log中可以看到:

===>onShutter

===>raw:null

===>jpeg:18474

很奇怪的是 camerView中的 ===>draw没有输出,说明View不进行绘制,那么摄像图像是怎么出来的呢?

源代码中是调用本地方法,懒得去看C代码,不想钻得太深,娱乐而已。

上网查了一半天也没有搞明白,感觉是通过SurfaceHolder获得View的Canvas对象,直接进行绘制,Holder中没有View的引用,当然不会再去调用View的draw方法了。

最后在网上搜到文章一篇,对这个原因有一点说明,Copy之,以防后面忘记:

在通常情况 下,OPhone程序中的View都是在同一个GUI线程中绘制的,该线程也是接收用户交互事件的线程(例如:按钮点击事件)。从另外的 线程修改GUI元素是不可以的,如果要迅速的更新UI显示该如何办?显然在主线程中还需要处理其他事件,不适合做这件事情,所以OPhone提供了 SurfaceView 来满足这种需求。一个SurfaceView 包装一个Surface对象(通过SurfaceHolder操作该对象)而不是Canvas对象,这就是关键所在,Surface可以在其他线程中绘 制,这对于周期性更新和要求高帧率的场景来说是很有用的,特别是在游戏开发中。Surface中包含了当前UI的原生数据(raw data),在不同的软件和硬件条件下对这些数据的处理是不一样的,这就可以通过一些设置来加速图形的绘制,可以通过SurfaceHolder的 setType函数来设置,目前接收如下的参数:

SURFACE_TYPE_NORMAL :用RAM缓存原生数据的普通Surface
SURFACE_TYPE_HARDWARE :适用于DMA(Direct memory access )引擎和硬件加速的Surface
SURFACE_TYPE_GPU :适用于GPU加速的Surface
SURFACE_TYPE_PUSH_BUFFERS :表明该Surface不包含原生数 据,Surface用到的数据由其他对象提供,在Camera图像预览中就使用该类型的Surface,有Camera负责提供给预览Surface数 据,这样图像预览会比较流畅。如果在这里设置了上面三种类型则可以发现不会出现预览图像,在和Camera底层的预览机制实现有关,如果对预览有特殊要求 的可以现实PreviewCallback 接口来自己处理

如果想在图像上叠加一些文字等透明信息的时候,总不能也像j2me一样地处理吧。

后面看到一篇文章介绍,直接将一个View叠加到Camera上就可以了,开始还不相信,后面实在找不到其它办法,试一试看看:

在test2()中加入

TextView tv = new TextView(this);
tv.setText(“test”);

RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
lp.addRule(RelativeLayout.CENTER_IN_PARENT);
relay.addView(tv, lp);

果然可以。呵呵,分了一下神,再回来看看Camera。

既然jpeg数据有输出,看看jpeg是什么内容,

new PictureCallback(){

public void onPictureTaken(byte[] data, Camera camera) {
Log.d(“===>”, “jpeg:” + (data == null ? “null” : data.length));
}} // jpeg

在jpeg的回调接口中添加内容

Log.d(“===>”, “jpeg:” + (data == null ? “null” : data.length));
cv.setVisibility(View.INVISIBLE);
ImageView iv = new ImageView(test.this);
Bitmap bitmap = BitmapFactory.decodeByteArray(data, 0, data.length);
iv.setImageBitmap(bitmap);
relay.addView(iv);

其中的test是类名,另外需要把relay改成final变量:

final RelativeLayout relay = (RelativeLayout)findViewById(R.id.FrameLayout01);

呵呵,又看到那幅熟悉的图片了,帅。

raw数据没有输出,网上也有人提问,外网被屏蔽了看不到详细的信息,那就此处不表下次再说了。

看看能不能设置一下参数就可以有输出了,在好奇的驱使下,又试了一下设置参数。

从log中可以看到Parameters预设的参数:

picture-format=jpeg
picture-preview=yuv422sp
很可惜,设置为其它的参数系统都报错,玩不转,郁闷,看来要在摄像头这一块抱太多的遗憾了。

算了,看看Camera最后一点功能吧,获取帧数据:

mCamera.setPreviewCallback(new PreviewCallback(){
public void onPreviewFrame(byte[] data, Camera camera) {
Log.d(“===>”, “onPreviewFrame”);
}
});

其中的data是yuv格式的,需要对其解码:

static public void decodeYUV420SP(byte[] rgbBuf, byte[] yuv420sp, int width, int height) {
final int frameSize = width * height;
if (rgbBuf == null)
throw new NullPointerException(“buffer ‘rgbBuf’ is null”);
if (rgbBuf.length < frameSize * 3)
throw new IllegalArgumentException(“buffer ‘rgbBuf’ size ”
+ rgbBuf.length + ” < minimum ” + frameSize * 3);

if (yuv420sp == null)
throw new NullPointerException(“buffer ‘yuv420sp’ is null”);

if (yuv420sp.length < frameSize * 3 / 2)
throw new IllegalArgumentException(“buffer ‘yuv420sp’ size ” + yuv420sp.length
+ ” < minimum ” + frameSize * 3 / 2);

int i = 0, y = 0;
int uvp = 0, u = 0, v = 0;
int y1192 = 0, r = 0, g = 0, b = 0;

for (int j = 0, yp = 0; j < height; j++) {
uvp = frameSize + (j >> 1) * width;
u = 0;
v = 0;
for (i = 0; i < width; i++, yp++) {
y = (0xff & ((int) yuv420sp[yp])) – 16;
if (y < 0) y = 0;
if ((i & 1) == 0) {
v = (0xff & yuv420sp[uvp++]) – 128;
u = (0xff & yuv420sp[uvp++]) – 128;
}

y1192 = 1192 * y;
r = (y1192 + 1634 * v);
g = (y1192 – 833 * v – 400 * u);
b = (y1192 + 2066 * u);

if (r < 0) r = 0; else if (r > 262143) r = 262143;
if (g < 0) g = 0; else if (g > 262143) g = 262143;
if (b < 0) b = 0; else if (b > 262143) b = 262143;

rgbBuf[yp * 3] = (byte)(r >> 10);
rgbBuf[yp * 3 + 1] = (byte)(g >> 10);
rgbBuf[yp * 3 + 2] = (byte)(b >> 10);
}
}
}
摄像头这一块android虽然给了一个接口,但是实现还是各个厂家自己实现的,所以不同的机型处理方式还不一致,

很难做到统一

[转载]Jquery调用Web Service

mikel阅读(836)

[转载]Jquery调用Web Service – 琴韵之弦 – 博客园.

最近在学习JQuery与Web Serivce,于是想想可不可以两者一起使用呢?于是开始摸索,在摸索过程中还是会发现一些问题,大家都知道无论是Web Service还是WCF返回的数据格式是XML,由于XML文件格式文件庞大、格式复杂、传输占用宽带并且服务器端与客户端解析XML花费资源和时间; 而Json的数据格式比较简单、占用宽带小并且相当稳定;所以接下来我们就利用JSON格式。

1. 新建一个Web应用程序的项目,并新建 Web 服务,命名为WebService.asmx

2. 为WebService.asmx写点方法吧,下面做一个简单的方法;

注意:a) 在该Web Service中不能重载,需要确保Web Service能运行

b) 必须有   [System.Web.Script.Services.ScriptService],如果没有它,在前台页面不会调用到该服务。

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
using System.Text;
using System.Collections.Generic;

namespace jqueryandWCF
{
///
/// WebService 的摘要说明
///
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ToolboxItem(false)]
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService
{
[WebMethod]
public string HelloWorld(string userName)
{
return "Hello " + userName +" !";
}
}
}

3. HTML页面,我们可以点击某一按钮时来调用该服务.

注意:1) ajax中的data:”{}”是用于传递方法中的参数,格式为:data:”{paraName:paraValue}”,如果该方法无参数,则格式为:data:”{}”

2) 如果成功,我是以HTML的形式显示它的值,大家可以用其它方法,取它的值时用(result.d)

&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="jqueryandWCF._Default" %&gt;


无标题页

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript">// <!&#91;CDATA&#91;
 $(document).ready(function() {
 #region ===这段不用===
 //当启动ajax时显示该图片,相反就隐藏该图片
 /*
 $("#loading").ajaxStart(function() {
 $(this).show();
 })
 $("#loading").ajaxStop(function() {
 $(this).hide();
 })
 */
 #endregion

 $("#Button1").click(function() {
 try {
 $.ajax({
 type: "POST", //访问WebService使用post方式请求
 contentType: "application/json;utf-8", //WebService会返回json类型
 url: "WebService.asmx/HelloWorld", //调用WebService的地址和方法名称组合
 data: "{userName:'Jodie'}", //这里是要传递的参数,格式为data:"{paraName:paraValue}"
 dataType: "json",
 success: function(result) {
 $("#result").html(result.d);
 }
 })
 }
 catch (ex) {
 alert(ex);
 }
 })
 })
// &#93;&#93;></script>

<form id="form1"> <input id="Button1" type="button" value="Invoke1" />
<div id="result"><img id="loading" style="display: none;" src="Images/图1.bmp" alt="loading" /></div>
</form>

4. 做了这么多,当然要验收一下我们结果是怎样的?

[转载]从淘宝数据结构来看电子商务中商品属性设计

mikel阅读(1231)

[转载]从淘宝数据结构来看电子商务中商品属性设计 – 活雷锋 – 博客园.

淘宝名词解释

产品 和 商品的区别:

淘宝标准化产品,由类目+关键属性唯一确定。如:手机类目,关键属性是品牌和型 号,Nokia N95就是一个产品,nokia是品牌,N95是型号。产品除了关键属性还包括一般信息、销售属性和非关键属性。参考:如”诺基亚N95″就是一个产品。 通过类目的关键属性组合来确定唯一的产品。后台标准类目叶子节点下,一组共同特征商品的组合(例如:化妆品+雅芳+保湿单品+容量),属于同一个产品的商 品可以认为对消费者的效用及使用感受是没有差别的。 产品这个概念对淘宝这种C2C,B2C的平台是需要的,对我们一般的电子商务平台基本是可以忽略的.

属性名和属性值

这里非常重要了,淘宝的宝贝搜索页面,通过各种属性对商品进行搜索,全靠属性表了。从数据结构可以看到,属性名表和属性值值归属于类目,提取了类目子叶节点下面商品的公共基本属性,在淘宝中,品牌和系列也当成是类目的属性,可以看看这里来了解淘宝属性分类,这里看下图来了解属性名和属性值表之间的关系:

1.需要注意的是:左边的表中全部存放属性名,存在一个父子关系,比如品牌->型号->子型号,右边的属性值表只保存属性的值。

2.左表的属性名表有个parentVid字段,这边的属性名也跟右边的属性值相关联,比如宏基下面有‘宏基电脑的型号’,那么这个‘宏基电脑的型号’属性名存放于属性名表,

具体有多少个型号,型号的名称还是存放于属性值表

3.如何添加自定义属性,如何给属性起别名,可以参考淘宝API的输入属性

SKU:


在 淘宝中,SKU指销售属性的组合,表示一组最小销售单位。 如颜色:金色;套餐:单电单充,描述手机销售时实物特征。比如衣服: 颜色:红色;尺码:xl;我们可以通过这样的属性标示来确定一个商品.注意:比如洗发水,容量:150ML;买的多便宜多:*6;比如相机:颜色:红色; 套餐:A套餐;这种特殊的营销模式也是一个SKU,我们后面就必须通过这些组合成SKU的属性来统计销售,库存等信息,比如我们才能知道红色,XL的衣服 卖了多少,绿色,L的衣服卖了多少.

注意:我们自己的电子商务中,是否需要这样的SKU设计,是需要的,不管你是用什么方法实现,但是根据属性统计销售等情况是电子商务中都会遇到的需求,但是有没有必要一定这样的实现一 件衣服,用户点击进来,才能看到SKU呢,没有必要的,其实做电子商务之后发现,图片,介绍,是给用户的第一直接感觉,所以,很多商家会把一个SKU的商 品当一个独立的商品发布,比如衣服,红色的发布一个,蓝色的发布一个,这是完全有必要的,我们可以通过发布的多个SKU的单品,跳转到统一的页面让用户进 行挑选,就比方说,你看了衣服A的黄颜色,衣服A的绿颜色,点击查看详情都是到一个页面,这样的话,为我们的商品提供更多次的展示,提高了用户的购买率
品牌和系列:

在淘宝中,如:日化/清洁/护理->日化用品->洗发水 ->海飞丝->清爽去屑系列,海飞丝以及它的系列都被规制到属性当中,结构为:品牌:海飞丝;系列:XXXXX,这样的话,不管你新有什么品 牌,你只要属于我的分类,那你就添加基本属性就可以了,特殊的属性是可以手动输入的。因为商品的属性是针对每一个分类的子叶节点的,这样的设计,在我们做 电子商务中思考是否适合自己。

抓取属性

API文档:http://my.open.taobao.com/apidoc/index.htm#categoryId:3

API属性测试工具:http://open.taobao.com/api_tool/props/

SDK下载地址:http://open.taobao.com/bbs/read.php?tid=18008

抓取详细的代码不写了,需要注意的是,由于数据很大,需要多次连接API得到数据,必须做好异常记录,不然抓一次,发现失败了很多次,那么必须又开始一次了,我是把失败的ID保存于数据库之中

这样,抓完之后只要先删除这些抓取失败的,在来一次,就OK了。

通过属性来动态构建表单

1. 当用户选择完类目之后,我们已经可以通过类目ID得到类目下面所有的属性名和属性值,这里我们根据淘宝的添加商品页面分析淘宝是如何做的:

需要注意的是:淘宝属性这里的布局全是UL->LI的布局,这样的结构和CSS配合起来让JS实现起来是最容易的。

我们看到name=“keySpus”这里放置的关键属性,下面的所有LI中放置的是非关键属性,和用户自定义属性。我们通过什么来判断表单控件是select 还是checkboxlist,属性是什么类型的属性,属性下是否有子属性(品牌->系列->子系列),以及验证属性是否必填必选或者可自定义输入?请看属性的数据结构,is_key_prop,is_sale_prop,is_enum_prop,multi,must,child_template这些数据结构能告诉我们答案.

好吧,实现上面相对简单一点,实现销售属性就麻烦了,因为销售属性可以组合成多个SKU,怎么来实现呢?

上图的洗发水的“毫升”和“买的多便宜多”组合成一个SKU,显示在下面的tr里 面,实现这里有一个很取巧的办法,先把所有能组合好的属性构造出来,页面上隐藏N个TR,用户点击毫升或者*6 *12这种,我们显示相应的TR组就好了 🙂 其实是个好办法的,可以省掉考虑很多问题,页面最多增加10来K,JS性能也能提高不少.

如果你觉得这样的实现很困难或者很麻烦,推荐你看看nopecomerce开源项目的属性(它叫变体)实现.如图:

展示效果:

这样在多个页面的输入,减少了实现的难度,就是在后台有点麻烦。

好吧,这篇文章在护士MM的生活照中结束吧,欢迎大家讨论,以前写一篇分析淘宝商品设计的文章,不要去看.发现当时考虑问题没有考虑周全,后面有时间再写一篇.在前台实现快速的属性读取和页面展示,后台进行快速的报表展示,OLAP建模都需要考虑很多问题,也希望有经验的朋友能讨论个自是如何做的.

[原创]Android开发笔记1:Button的Click事件

mikel阅读(972)

一直总在关注Android的开发,可是一直都没真正动手实践过,于是从今天起每天进步一点儿,开始动手开发Android应用,也让我的小8(x876)能够有用武之地,废话不多说了,开始吧。

需求:想实现点击按钮改变EditText的值

实现步骤:

1.添加一个EditText到main.xml界面

2.添加一个Button到main.xml界面

3.编辑src下的java文件

注意:java的事件机制是需要给Button的setOnClickListener,自定义一个实现OnClickListener接口的类,并实现onClick方法,onClick方法传入的参数View v是触发事件的视图对象,比如button点击触发传递过来的就是这个点击的button实例,这样可以根据传递的button对象来进行不同的操作,没必要每个button都定义一个Listener类

界面代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<Gallery android:id="@+id/gallery1" android:layout_width="fill_parent" android:layout_height="wrap_content"></Gallery>
<EditText android:layout_width="fill_parent" android:id="@+id/editText1" android:layout_height="wrap_content" android:text="EditText"></EditText>
<LinearLayout android:layout_width="fill_parent" android:id="@+id/linearLayout1" android:layout_height="wrap_content">
    <Button android:text="Button" android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
</LinearLayout>
</LinearLayout>

实现代码:

package com.kiwing.hello;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;

public class kiwing extends Activity {
EditText edtInput;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Button btnShow=(Button)findViewById(R.id.button1);
btnShow.setOnClickListener(new ClickListener());//实现方法1,调用Activity内自定义的Listener
edtInput=(EditText)findViewById(R.id.editText1);//获取全局的EditText组件,便于Listener使用

}
//Activity类内的事件监听器
class ClickListener implements OnClickListener {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
edtInput.setText("Hello");//调用全局变量显示内容
//不利用全局变量直接获取EditText组件
//((EditText)findViewById(R.id.editText1)).setText("Hello");
}
}
}

也可以将Listener定义在独立的文件中,不过需要传递当前的Acitivity给Listener,用于获取其他组件,独立的Listener的代码如下:

package com.kiwing.hello;

import android.app.Activity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.EditText;

public class ClickLister implements OnClickListener {

	Activity kiwing;
	public Activity getKiwing() {
		return kiwing;
	}
	public void setKiwing(Activity kiwing) {
		this.kiwing = kiwing;
	}
	
	public ClickLister(Activity kiwing) {
		super();
		this.kiwing = kiwing;
	}
	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub		
		((EditText)kiwing.findViewById(R.id.editText1)).setText("Hello!");
	}

}

调用代码如下:

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        Button btnShow=(Button)findViewById(R.id.button1);
        btnShow.setOnClickListener(new ClickLister(this));//这里需要传递Activity给Listener类
        edtInput=(EditText)findViewById(R.id.editText1);
       
    }

[/java]

[转载]Android-opencv之CVCamera

mikel阅读(872)

[转载]Android-opencv之CVCamera – hellogv的专栏 – CSDN博客.

本文来自http://blog.csdn.net/hellogv/ ,引用必须注明出处!

Android-opencv是opencv在Android手机上的移植版,而CVCamera是这个移植版的一个sample。本文主要介绍Android-opencv的安装和使用。

  • android-opencv的安装

opencv基于C++,因此android-opencv也必须依赖NDK(android-ndk-r4-crystax)来编译。PS:关于android-ndk-r4-crystax和CYGWIN的安装和使用,本文不再唠叨,详见http://blog.csdn.net/hellogv/archive/2010/12/23/6094127.aspx

安装步骤具体如下:

  1. 确保在系统Path中包含了D:\cygwin\bin;D:\cygwin\android-ndk-r4-crystax;(存放目录自己决定,Path中必须包含cygwin的bin和android-ndk-r4-crystax的路径)
  2. 再拷贝android-ndk-r4-crystax到\cygwin\home\GV\android-ndk-r4-crystax,编译android-opencv时需要,编译成功之后可以删除这份拷贝。
  3. 运行cygwin,来到opencv目录下,输入sh build.sh进行编译,编译成功的话会在\opencv\android\libs\生成armeabi和armeabi-v7a两个文件夹,里面都包含libandroid-opencv.so。

PS:编译的时候提示缺少文件的话,从网上搜索下载。

  • android-opencv的使用
  1. 打开eclipse ,Import Opencv这个工程,工程位于\opencv\android\ 。PS:如果也提示缺少文件,也需要从网上搜索下载
  2. Opencv这个工程编译通过之后,就可以Export它,选择JAVA的JAR file,导出时去掉[obj]和[libs]这两个文件夹,AndroidManifest.xml和default.properties,输出文件名为Opencv.jar,Export设置如下图:
  3. 下载swigwin-1.3.39,在系统path中加入D:\cygwin\swigwin-1.3.39(存放位置自定),重启
  4. 打开cygwin,去到\samples\CVCamera\,输入sh build.sh,开始编译CVCamera的JNI,成功编译之后会生成libcvcamera.so
  5. 把 \opencv\android\libs 复制到\samples\CVCamera\,因为CVCamera同时需要libandroid-opencv.so和libcvcamera.so
  6. Import CVCamera这个工程,加入Opencv.jar 这个Libraries
  7. 编译CVCamera这个工程,生成CVCamera.apk(有6.06MB大小)

CVCamera程序运行截图如下:

[转载]android系统中使用ksoap2-android客户端库操作Asp.net WebService

mikel阅读(779)

[转载]android系统中使用ksoap2-android客户端库操作Asp.net WebService – 网络渔夫 – 博客园.

在java中使用的PC版WebService客户端库非常丰富,例如,Axis2、CXF等,但这些开发包对于Android来说过于庞大,也未必很容 易移植到Android上。适合手机的WebService客户端SDK也有一些。本例使用了比较常用的KSOAP2。读者可以从如下的地址下载 Android版的KSOAP2。

http://code.google.com/p/ksoap2-android/wiki/HowToUse?tm=2

将下载下来的包引用到android项目后就可以使用了,在引用jar包后可能会抛出警告”warning: Ignoring InnerClasses attribute for an anonymous inner class that doesn’t come with an associated EnclosingMethod attribute. (This class was probably produced by a broken compiler.)”,在网上搜索了一下,这可能是因为版本的问题,但是不影响使用。好了废话不多说,直接上代码。

服务器端的webservice文件Demo.asmx

&lt;%@ WebService Language="C#" Class="Demo" %&gt;

using System;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
// [System.Web.Script.Services.ScriptService]
public class Demo  : System.Web.Services.WebService {
[WebMethod]
public string HelloWorld() {
return "Hello World";
}

[WebMethod]
public string Add(int x, int y) {
int z = x + y;
return z.ToString();
}
}

下面就是我测试用的手机端的代码了,首先来看我们的xml布局文件 demo.xml

<!--?xml version="1.0" encoding="utf-8"?-->

Demo.java,在下面的代码中,如果你的WebService方法没有参数,可以把step2省略掉。

package com.studio.basf.android;

import org.ksoap2.SoapEnvelope;
import org.ksoap2.serialization.SoapObject;
import org.ksoap2.serialization.SoapPrimitive;
import org.ksoap2.serialization.SoapSerializationEnvelope;
import org.ksoap2.transport.HttpTransportSE;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class Demo extends Activity {
private String NameSpace = "http://tempuri.org/";
private String MethodName = "Add";
private String url = "http://192.168.1.93/services/Demo.asmx";
private String soapAction = NameSpace + MethodName;
private TextView tv;

@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.demo);

tv = (TextView) findViewById(R.id.tv);
tv.setText(ws());
}

public String ws() {
String result = "";
try {
//step1 指定WebService的命名空间和调用的方法名
SoapObject request = new SoapObject(NameSpace, MethodName);

//step2 设置调用方法的参数值,这里的参数名称不一定和WebService一致
request.addProperty("x", 5);
request.addProperty("y", 6);

//step3 生成调用WebService方法的SOAP请求信息,并指定SOAP的版本
SoapSerializationEnvelope envelope = new SoapSerializationEnvelope(
SoapEnvelope.VER11);
//设置是否调用的是dotNet下的WebService
envelope.dotNet = true;
//必须,等价于envelope.bodyOut = request;
envelope.setOutputSoapObject(request);

//step4 创建HttpTransportSE对象
HttpTransportSE ht = new HttpTransportSE(url);
//step5 调用WebService
ht.call(soapAction, envelope);

//step6 使用getResponse方法获得WebService方法的返回结果
if(envelope.getResponse()!=null){
SoapPrimitive response = (SoapPrimitive) envelope.getResponse();
result = response.toString();
}

} catch (Exception e) {
result = e.getMessage();
}
return result;
}
}

运行结果如下

[转载]移动互联网开源三国演义LBS (二)游戏策划案

mikel阅读(782)

[转载]【移动互联网开源】三国演义LBS (二)游戏策划案 – 美丽人生 – 博客园.

前言

———————————————–

本随笔包含了游戏策划案总案(明细案将在讨论群内发放)、界面设计案。文档在本文末尾可以下载。

所有文档我都写的很认真辛苦,所以各位一定要捧场哈!

下期将开放客户端源代码下载,请朋友们关注,谢谢!

相关讨论组入口: http://www.pixysoft.net/ (点击进入)

三国演义LBS 游戏策划总案

———————————————

一、 游戏概述

1.1 游戏背景

东汉末年黄巾之乱,民不聊生,在这个时代,需要一群有志之士能够带领苦难的百姓逃离苦海。玩家作为一名普通的村民,通过参加起义军,与黄巾贼战斗、 与乱军贼党战斗、与强大的敌国军队战斗,过程中不断壮大,最终成为“吴国、蜀国、魏国”一国中的一员猛将,目睹三国鼎立的盛况。

1.2 游戏成长主线

游戏主线围绕着用户内城发展与战斗过关卡两部分展开。

1) 用户通过内城建设、武将招募与训练、资源占领、招兵买马、科技研究、贸易、装备升级不断壮大实力;

2) 用户通过参与固定关卡战斗(PVE)、同国籍用户之间资源抢夺与征服(PVP)、异国籍用户之间PK(PVP)、用户组团攻打关卡战斗(RVE)、军团战与地区战(RVR),不断成长,最终成为三国中的一名猛将,实现三国鼎立的壮举。

1.3 游戏玩点规划:
游戏玩点 玩点说明 等级规划
装备提升 提高武将战斗力 1-100
武将培训 提升等级、战斗力 1-100
游戏任务 主线任务、每日任务,获取奖励 1-100
关卡战斗 获取军魂与装备,获取锦旗快速提升武将等级 1-100
科技研发 提升资源、战斗力 10-100
军团 提升内城资源生产力、参与军团战 10-100
农田、银矿争夺 获取粮食、银币资源 10-100
同国俘虏战斗 获取银币收入贡献 30-100
异国PK战斗 获取大量声望 30-100
用户贸易 获取大量银币 40-100
军团战斗 获取资源点,额外资源 40-100(军团等级10-99
战役系统 强调实时性,要求在一定时间内攻击一定位置的关卡。获取资源与特殊武器原料 40~100
地区战斗 获取地区占有度,影响贸易 60-100
市场交易 出售商品 80-100

1.4 用户游戏成长规划:

用户等级 游戏时长/ 概述 游戏玩点规划
1-10 1

l 熟悉游戏背景、基本操作

l 掌握游戏发展方法与方向

l 单人游戏为主,群体之间短信息交互为辅。

l 将领训练、升级

l 武器购买、强化

l 过关卡获取奖励(PVE

l 过关卡获取武将(PVE

11-20 2

l 三国概念、地区观念形成,了解到整个游戏版图。

l 出现人人之间的交互,体会到竞争与合作。

l 出现资源消耗的概念,了解到银币、粮食的稀缺性。

l 出现科技研发概念,体会到内城建设发展的重要。

l 出现声望概念,了解到游戏最重要的属性是声望

l 银矿、良田的占领(PVP

l 军团关卡(RVE

l 科技研发

l 内城巡视

l 军团

l 声望与头衔

21-40 30~60

l 融入游戏主线情节发展,体会到游戏乐趣

l 感受到游戏装备的乐趣

l 感受到武将技能的乐趣

l 出现区域迁移概念,开始感知区域经济体系与异国之间的矛盾关系

l 区域低向高迁移

l 同国征服战斗

l 异国攻击战斗

l 装备合成与装备属性

41~60 60~120

l 出现市场系统,开始进行区域贸易。

l 出现军团资源与军团战

l 通商

l 区域平级迁移

l 军团战(RVR

61~80 60~120

l 出现地区战、地区繁荣度、地区物价指数

l 出现装备交易

l 区域战(RVR

l 资源消耗达到最大

80~100 30~60

l 游戏主线剧情发展到高潮

l 多场著名关卡战斗出现(赤壁等)

l 最终实现三国鼎立。

l 开放最高级别区域

l 开放双训练场

l 开放双农田、银矿占领

l 三国鼎立,游戏结束

游戏时长:180~360天
游戏注册人数预计:1000万人
1.5 游戏战斗设计概述

战斗是本游戏的核心玩点,战斗包括了PVE、PVP、RVE、RVR四种形式。

1) PVE战斗

主要表现为地图普通关卡、精英关卡、将领关卡、无人占领的良田与银矿。属于单人游戏形式玩法。玩家可以选择任意时间攻打关卡,关卡有攻打次数限制。战斗奖励为军魂、装备、武将。

2) PVP战斗

主要表现为有人占领的良田银矿抢夺、同国籍用户征服、异国籍用户攻击。玩家可以选择任意时间进行PVP战斗,无需人人交互。战斗奖励为声望。

3) RVE战斗与RVR战斗

主要表现为军团战关卡、无人占领的军团资源点争夺。发动RVE战斗必须进过战斗准备、战斗进行、战斗结束三个步骤,属于中小型战斗。

战斗准备时间根据RVE类型从30分钟~3个小时不等,在战斗准备时间,需要玩家之间协商战斗发起时间、队伍人数、战斗位置等。
战斗进行中,需要根据战斗提示进行简单的协作与策略调配。
战斗结束,所有用户获取军魂、装备、锦旗。
4) 战斗表现

战斗过程中以一对一的形式表现,普通战斗过程以文字描述;特殊战斗效果以图片表现。

三国演义LBS 界面设计总案

———————————————

首页

玩家基本数据信息

等级 金币 银币 军令
粮草 兵力 军魂 声望

玩家所处的区域图片信息,图片包含:

l 显示地理位置对应当前地区(sectionserialcode

l 显示地区类型(sectiontypecode

l 显示地图繁荣度(scaletypecode

l 使用合成技术生成,canvas

玩家所处区域周边信息

l 点击区域图片,切换至周边信息。

l 包含上下、左右周边地区名称。

l 包含玩家当前所处的位置。(圆点表示)

l 区域类型通过颜色区分。

游戏主功能入口

主城 将领训练

如果不属于自己区域,则不显示

征战 普通:准备打的地图名

RVE:关卡名、战斗准备时间

军团 普通:军团名 军团职位
地区 普通:当前地区名称
世界 普通:所属地区名称

RVR:攻击点、战斗准备时间

其余界面设计图请查看附件文档。

附件下载

—————————————–

002 三国演义LBS 游戏策划总案.doc

http://www.boxcn.net/shared/zibny84dm9

200.三国演义LBS 界面设计案 总案 v2.doc

http://www.boxcn.net/shared/c8zlja89g3

102 三国志LBS策划案 角色.doc
103.三国志LBS策划案 内城.doc
104.三国志LBS策划案 将领.doc
105.三国演义LBS策划案 装备.doc
107.三国志LBS策划案 军团.doc
108.三国演义LBS策划案 社会化系统.doc
110 三国演义LBS策划案 任务系统.doc
113.三国演义LBS策划案 RVE系统.doc
114.三国演义LBS策划案 PVE系统.doc
115.三国演义LBS策划案 RVR系统.doc

116.三国演义LBS策划案 数值系统.doc

http://qun.qq.com/air/#95755843/share

[转载]简单实现编写自己的jQuery插件

mikel阅读(1048)

[转载]简单实现编写自己的jQuery插件 – 浅水鱼 – 博客园.

用了这长时间的JQuery,一直也没怎么写过JQuery插件,今天简单实现俩个插件,已巩固下基础知识。

这里只阐述如何编写自己的插件,至于要实现什么功能,要因人而异了…好了,下面开始…

JQuery插件主要分为三种

1、封装对象方法的插件

2、封装全局函数的插件

3、扩展选择器的插件

这里只编写前俩种,即比较常见的..

大多数插件都是已这种形式编写的:

(function ($) {

/*  这里放置代码 */

})(jQuery);

这样的好处是函数内部依然可以使用$作为jQuery的别名,而不影响到其他库使用$

jQuery提供了俩个扩展用于编写插件

$.fn.extend({});用于扩展第一种

$.extend({});用于扩展第二种

以下为实现效果截图和代码


<!--

li  { border: 1px solid #000; cursor: pointer; width: 200px; display: block; }

-->

<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script type="text/javascript">// <!&#91;CDATA&#91;
        (function ($) {      

    $.fn.extend({    

      "chgSC": function (options) {               

            options = $.extend({ FontSize: "100px", Color: "red" }, options);   //这里用了$.extend方法,扩展一个对象

                           return this.hover(function () {   //return为了保持jQuery的链式操作

                   $(this).css({ "fontSize": options.FontSize, "color": options.Color });

            }, function () {               

                              $(this).css({ "fontSize": "", "color": "" });  

            });               

                          }           

                });

            $.extend({  

        "urlParam": function () {                 

            var pageUrl = location.search;               

                if (pageUrl != "")     

                             return pageUrl.slice(1);         

                    else                     

                         return "没有参数";  

            }  

        });

        })(jQuery);

        $(function () {           

    $("li").chgSC({ FontSize: "130px" });     

         alert($.urlParam());     

        });
// &#93;&#93;></script>
<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>