如何创建一个本地显示一个浮动窗口的ANE [英] How to create an ANE that will natively display a Floating Window

查看：240
本文介绍了如何创建一个本地显示一个浮动窗口的ANE的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如何创建X code进行本地窗口，并将其与移动Flex应用程序集成。本机窗口应采取行动类似的的StageWebView分量，其中原始内容漂浮在一个矩形区域在Flex应用程序的其余部分。

How to create a native window in Xcode and integrate it with a Mobile Flex application. The native window should act similar as the StageWebView component whereby the native content floats in a rectangular area over the rest of the Flex app.

推荐答案

作为一个Flex程序员，这是我花了几个星期来找出一个繁琐的过程。希望这将有助于一些其它的X code新手。

Being a flex programmer, this was a tedious process that took me weeks to figure out. Hope this will helps some other Xcode newbies.

首先，你必须拥有的Objective-C和X code有基本的了解。您应该能够创建一个简单的Hello World X code程序。一旦你知道如何做到这一点，你会看到，每个可视窗口中，你会通常有一个厦门国际银行文件，头文件和实现文件。我发现它更容易开始写一个普通的X code应用程序，然后一旦工作，看起来像它应该，可以手动切换到你的X $拉这3个文件（当然和辅助文件） C $ C固定库项目。因此，在移动，我会假设你过去的这一步。下面是关于如何将X code和Flex手机，使用ANE一些分步说明：

First of all, you must have a basic understanding of Objective-C and Xcode. You should be able to create a simple Hello World Xcode program. Once you know how to do this, you'll see that for each visual window you'll typically have a xib file, a header file and an implementation file. I found that it is easier to start of writing a normal Xcode application, and then once it is working and looking like it should, you manually pull these 3 files (and of course the helper files) over to your Xcode static library project. So, moving on, I'm going to assume that you're past this step. Here are some step by step instructions on how to integrate Xcode and Flex mobile, using ANE:

  • 开启X $ C $℃。创建新项目。 iOS的 - >可可触摸静态库。我打电话给我的项目FWAne

  • 删除FWAne.h文件。替换FWAne.m文件的内容有以下几点：

  • Open XCode. Create new project. iOS -> Cocoa Touch Static Library. I called my project FWAne

  • Delete FWAne.h file. Replace contents of FWAne.m file with the following:



'#import "FloatingWindow.h"
'#import "FlashRuntimeExtensions.h"

FREObject openFloatingWindow(FREContext ctx, void* funcData, uint32_t argc, FREObject argv[] )
{
    uint32_t parm0Length, parm1Length, parm2Length, parm3Length, parm4Length, parm5Length, parm6Length, parm7Length, parm8Length, parm9Length, parm10Length, parm11Length, parm12Length, parm13Length;
    const uint8_t *uparm0, *uparm1, *uparm2, *uparm3, *uparm4, *uparm5, *uparm6, *uparm7, *uparm8, *uparm9, *uparm10, *uparm11, *uparm12, *uparm13;
    FREGetObjectAsUTF8(argv[0], &parm0Length, &uparm0);
    NSString* parm0 = [NSString stringWithUTF8String:(char*)uparm0];
    //    FREGetObjectAsUTF8(argv[1], &parm1Length, &uparm1);
    //    NSString* parm1 = [NSString stringWithUTF8String:(char*)uparm1];
    //    FREGetObjectAsUTF8(argv[2], &parm2Length, &uparm2);
    //    NSString* parm2 = [NSString stringWithUTF8String:(char*)uparm2];
    //    FREGetObjectAsUTF8(argv[3], &parm3Length, &uparm3);
    //    NSString* parm3 = [NSString stringWithUTF8String:(char*)uparm3];
    //    FREGetObjectAsUTF8(argv[4], &parm4Length, &uparm4);
    //    NSString* parm4 = [NSString stringWithUTF8String:(char*)uparm4];
    //    FREGetObjectAsUTF8(argv[5], &parm5Length, &uparm5);
    //    NSString* parm5 = [NSString stringWithUTF8String:(char*)uparm5];
    //    FREGetObjectAsUTF8(argv[6], &parm6Length, &uparm6);
    //    NSString* parm6 = [NSString stringWithUTF8String:(char*)uparm6];
    //    FREGetObjectAsUTF8(argv[7], &parm7Length, &uparm7);
    //    NSString* parm7 = [NSString stringWithUTF8String:(char*)uparm7];
    //    FREGetObjectAsUTF8(argv[8], &parm8Length, &uparm8);
    //    NSString* parm8 = [NSString stringWithUTF8String:(char*)uparm8];
    //    FREGetObjectAsUTF8(argv[9], &parm9Length, &uparm9);
    //    NSString* parm9 = [NSString stringWithUTF8String:(char*)uparm9];
    //    FREGetObjectAsUTF8(argv[10], &parm10Length, &uparm10);
    //    NSString* parm10 = [NSString stringWithUTF8String:(char*)uparm10];
    //    FREGetObjectAsUTF8(argv[11], &parm11Length, &uparm11);
    //    NSString* parm11 = [NSString stringWithUTF8String:(char*)uparm11];
    //    FREGetObjectAsUTF8(argv[12], &parm12Length, &uparm12);
    //    NSString* parm12 = [NSString stringWithUTF8String:(char*)uparm12];
    //    FREGetObjectAsUTF8(argv[13], &parm13Length, &uparm13);
    //    NSString* parm13 = [NSString stringWithUTF8String:(char*)uparm13];


NSLog(@"Initializing delegate and window");
id delegate = [[UIApplication sharedApplication] delegate]; 
UIWindow *window = [delegate window];
NSLog(@"Creating FloatingWindow");
FloatingWindow* fw = [[FloatingWindow alloc] initWithNibName:@"FloatingWindow" bundle:nil];
NSLog(@"Adding FloatingWindow");
[window addSubview:fw.view];
NSLog(@"Setting frame size");
fw.view.frame = CGRectMake(100, 100, 200, 200);
NSLog(@"Done openFloatingWindow");
return NULL;

} // ContextFinalizer（）。 无效ContextFinalizer（FREContext CTX） {     的NSLog（@ContextFinalizer）;     //清理这里。     返回; } // ContextInitializer（） 无效ContextInitializer（void *的扩展数据，常量uint8_t有* ctxType，FRE​​Context CTX，                         uint32_t的* numFunctionsToTest，常量FRENamedFunction ** functionsToSet） {     的NSLog（@ContextInitializer）;     * numFunctionsToTest = 1;

} // ContextFinalizer(). void ContextFinalizer(FREContext ctx) { NSLog(@"ContextFinalizer"); //Cleanup Here. return; } // ContextInitializer() void ContextInitializer(void* extData, const uint8_t* ctxType, FREContext ctx, uint32_t* numFunctionsToTest, const FRENamedFunction** functionsToSet) { NSLog(@"ContextInitializer"); *numFunctionsToTest = 1; 

FRENamedFunction* func = (FRENamedFunction*) malloc(sizeof(FRENamedFunction) * 1);
func[0].name = (const uint8_t*) "openFloatingWindow";
func[0].functionData = NULL;
func[0].function = &openFloatingWindow;

*functionsToSet = func;

} // ExtInitializer（） 无效ExtInitializer（无效** extDataToSet，FREContextInitializer * ctxInitializerToSet，                     FREContextFinalizer * ctxFinalizerToSet） {     的NSLog（@ExtInitializer）;     * extDataToSet = NULL;     * ctxInitializerToSet = ContextInitializer;     * ctxFinalizerToSet = ContextFinalizer; } // ExtFinalizer（） 无效ExtFinalizer（void *的扩展数据）{     的NSLog（@ExtFinalizer）;     //完成清理这里。     返回; }

} // ExtInitializer() void ExtInitializer(void** extDataToSet, FREContextInitializer* ctxInitializerToSet, FREContextFinalizer* ctxFinalizerToSet) { NSLog(@"ExtInitializer"); *extDataToSet = NULL; *ctxInitializerToSet = &ContextInitializer; *ctxFinalizerToSet = &ContextFinalizer; } // ExtFinalizer() void ExtFinalizer(void* extData) { NSLog(@"ExtFinalizer"); // Do Cleanup here. return; }

  • 添加FlashRuntimeExtensions.h您的X code项目。在/应用程序是否存在这个文件/使用Adobe Flash Builder的4.6 /软件开发工具包/ 4.6.0 / include文件夹

  • Add the FlashRuntimeExtensions.h to your Xcode project. This file exists under the /Applications/Adobe Flash Builder 4.6/sdks/4.6.0/include folder

    1. 目标器件系列= iPhone / iPad的
    2. 的Mach-O型=静态库
    3. 其他连接标志= -OjbC -v
      4. 在Info.plist文件
    4. 展开构建设置=否
    5. 使用共享库链接=否
    1. Target device family = iPhone/iPad
    2. Mach-O Type = Static Library
    3. Other linker flags = -OjbC –v
    4. Expand Build settings in Info.plist file = No
    5. Enable Linking with shared libraries = No

    创建您将使用ExtensionContext来连接Flex的code到你的X code code像这样的类：

  • Build the Xcode static library
  • Now, go to FlashBuilder and create a Flex library project. Be sure in include the Adobe Air libraries

  • Create your class that will use ExtensionContext to wire the Flex code to your Xcode code like so:

    
package fwane
{
    import flash.events.EventDispatcher;
    import flash.events.StatusEvent;
    import flash.external.ExtensionContext;


    public class FWAne 
{

    private static const EXTENSION_ID : String = "fwane.FWAne";

    private var context : ExtensionContext;

    public function FWAne()
    {
        context = ExtensionContext.createExtensionContext( EXTENSION_ID, null );
        if (context == null) {
            trace("WARNING: ExtensionContext cannot initialize");
        }
    }

    public function openFloatingWeendow(fileName : String) : void {
        trace("Calling openFloatingWeendow");
        context.addEventListener( StatusEvent.STATUS, onAneWinHander );
        trace("Invoking native call");
        context.call( "openFloatingWindow", fileName);
        trace("Returning from openFloatingWeendow");
    }

    private function onAneWinHander( event : StatusEvent ) : void
    {
        trace(event.level);
    }

}

    }

  • 构建FWAne SWC

  • Build the FWAne swc

    接下来，您将需要一个构建脚本编译ANE。这是我的build.sh脚本：

    Next, you are going to require a build script to compile your ANE. Here's my build.sh script:

    

export XLIB="/Users/christo.smal/Library/Developer/Xcode/DerivedData/wherever-lib.a"
export CERT="/wherever/if/you/want/to/sign/ane.p12"
export FLEXLIBPATH="../Path/of/flex/library/project"
export XIBPATH="/Path/of/where/xib/files/are"
export SWCFNAME="FWAne.swc"
export ANEFNAME="FWAne.ane"

ls -la $XLIB

echo Copying files ...
 rm -rf debug/*
cp $FLEXLIBPATH/src/extension.xml .
cp $FLEXLIBPATH/bin/$SWCFNAME .
 cp $XLIB ./debug

'# copy resource files such as images to debug folder
cp /path/to/my/images/referenced/from/xcode/*.png ./debug

echo Compiling xib''s

cp $XIBPATH/*.xib ./debug
cp /wherever/FloatingWindow.xib ./debug

/Developer/usr/bin/ibtool --errors --warnings --notices --output-format human-readable-text --compile debug/FloatingWindow.nib debug/FloatingWindow.xib --sdk /Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS5.0.sdk

rm -rf debug/*.xib


echo Extracting library.swc ...
cp $SWCFNAME kak
cd kak
unzip -xo $SWCFNAME
cp -X library.swf ../debug
cd ..

echo Copying some more files ...
rm -rf debug/*.ane
cp extension.xml debug

echo Building ANE ... 
'#  -package -target ane / extension.xml -swc  -platform  -C  .
/Applications/Adobe\ Flash\ Builder\ 4.6/sdks/4.6.0/bin/adt -package -target ane debug/unsigned.ane extension.xml -swc $SWCFNAME -platform iPhone-ARM -platformoptions ios-platformoptions.xml -C debug .

echo Signing ANE ...
'#/Applications/Adobe\ Flash\ Builder\ 4.6/sdks/4.6.0/bin/adt -sign -storetype pkcs12 -keystore $CERT -storepass password -target ane debug/unsigned.ane $ANEFNAME
cp debug/unsigned.ane $ANEFNAME

echo done

  • 重要的是注意我的构建脚本：在xibs是这些碎粒与其他资源文件（如图像），然后包含在ANE编译成碎粒，再在一起。请记住，静态库不能包含资源文件。

  • Important to note about my build script: The xibs are compiled to nibs, and then these nibs together with other resource files (such as images) are then included in the ANE. Remember that static libs cannot contain resource files.

    您还需要一个IOS-platformoptions.xml文件。这是包括所有您需要的框架。您也可以包括任何额外的第三方库在这里他们的搜索路径：

    You would also require an ios-platformoptions.xml file. This is to include all frameworks you require. You can also include any additional 3rd party libs with their search paths here:

    
<platform xmlns="http://ns.adobe.com/air/extension/3.1">
    <sdkVersion>5.0</sdkVersion>
    <linkerOptions>
        <option>-framework Foundation</option>
        <option>-framework UIKit</option>
        <option>-framework QuartzCore</option>
        <option>-framework CoreGraphics</option>
        <!--option>-lthirdparty</option>
        <option>-L/searhPath/for/thirdlibrary</option-->
    </linkerOptions>
</platform>

  • 现在，在FlashBuilder，创建一个样本测试应用程序项目。转到项目属性。在Flex构建路径，确保ANE添加。同样的Flex下建立包装 - >苹果iOS - >本机扩展的ANE加入那里和包检查。另外补充下，本机扩展了苹果iOS SDK文件夹。最后，检查扩展在-app.xml文件中添加。

  • Now, in FlashBuilder, create a sample test application project. Go to project properties. In Flex build path, make sure the ane is added. Also under Flex Build Packaging -> Apple iOS -> Native extensions the ANE is added there and package is checked. Also add the Apple iOS SDK folder under native extensions. Finally, check that the extension is added in the -app.xml file.

    希望这有助于

    C

    这篇关于如何创建一个本地显示一个浮动窗口的ANE的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

    • 查看全文
    相关文章
    移动开发最新文章
    热门教程
    热门工具
    登录 关闭
    扫码关注1秒登录
    发送“验证码”获取 | 15天全站免登陆