跳到主要內容

2013新書 設計職人必修:用 Flash 輕鬆打造 iPhone / Android 手機 App

呼,小弟的第二本 Flash 書
設計職人必修:用 Flash 輕鬆打造 iPhone / Android 手機 App
教你使用 Flash 來開發 iPhone / Android 的應用程式




範例搶先看:可以下載 Android / iOS 的完成檔
http://milkmidi.com/2013book/

博客來書籍館的介紹:
http://www.books.com.tw/exep/prod/lookinside.php?item=0010579967

筆者會將發現的錯誤記錄在這篇,如果大家有發現其他的問題也麻煩跟小弟說一下
感謝大家
問題回報:

留言

kk表示…
奶綠茶大大 我是你的忠實讀者
不過我身處香港所以沒法去上課程
上次那本PV3D香港可以買到
可是今次這本我找了好久也沒有
是沒運到香港還是這次香港不會有售?
milkmidi寫道…
你好,
Sorry, 海外出版的部份
是由出版社決定,
我會去問看看的
謝謝你的支持
kk表示…
感謝奶綠老師
我會一直支持你的!
匿名表示…
己到香港黃金商場, HK$128
匿名表示…
thanks for share..
kingpig6寫道…
奶綠大大~新書我買了!但是沒有教學到你APP選單的程式..不知道可以分享源碼~給我們研究嗎?
milkmidi寫道…
可以參考這一篇
http://milkmidi.blogspot.tw/2012/11/away3d-on-ipad-and-android.html
就有完整的程式碼了
Lucas Huang寫道…
奶綠老師您好
書剛拿到,大致瀏覽了一番

想請問一下
現在想作一個類似美圖成影app
https://itunes.apple.com/tw/app/mei-tu-cheng-ying/id614408115?mt=8
將user上傳的照片變成影片(配上我設定的背景和轉場),然後實際弄出影片提供下載,share到各平台

1. 這樣的功能使用flash air作出來ios app是可行的嗎?除了效能提到稍微慢之外,是否有其他局限性呢?
2. 若是可行的話,這本看完後,請問有沒有推薦的延伸讀物有寫類似這種功能呢?

感謝
匿名表示…
奶綠你好!
首先謝謝你出了這本書,目前正在研讀中,收獲良多。

想請教一個問題,以AIR開發出來的手機程式(Android系統)能否做到主動提醒的功能?意思是當手機處於待機狀態時,程式主動發出訊息;例如收到簡訊時手機會震動;或例如手機鬧鐘的時間到了會主動響起來。
像這樣的功能(從待機狀態主動發出訊息:震動、聲響)做得到嗎?在書上似乎找不到相關的章節。
如果可以的話能提供幾個關鍵字嗎?

再次感謝!祝新書大賣!
milkmidi寫道…
你好,因為是AIR製作的
所以應用程式一定要在啟動時才能用
無法在背景執行或是自動啟動
但可以結合Native Extensions來達到你的需求
但就是要寫Java就是了
milkmidi寫道…
Lucas Huang
我看了你的需求
大至上應該AIR都可以做到
但就是要花時間調效能就是了
像這一套就是用 AIR 製作的
https://itunes.apple.com/tw/app/picshop-hd-photo-editor/id502430343?mt=8
匿名表示…
Hello : 這本書是用什麼版本的Android sdk做教學?
milkmidi寫道…
你好,此書並沒有特別指定 SDK 版本
使用者只要是 Android2.2 以上的版本皆可安裝
jingping zhang寫道…
奶茶老师您好!
我是您的忠实读者。上个月去台湾买了一本您的flash打造app的书。
可是我遇上两个问题:
1、我的光盘不能读写了,不知道什么原因。请问有书中源代码下载提供吗?(我是上海的读者,无法去更换:( )
2、我刚刚按照您的示范做了一个3D滚球的范例,在falsh cs6或cc模拟控制器上运行正常,可是我在自己的iphone5上测试时,publish为ipa文件,同时按照在机器上,在安装过程中出现问题,请您帮助,谢谢您!

我的邮箱:jingpingzhang@gmail.com
jingping zhang寫道…
奶茶老师您好!
我是您的忠实读者。上个月去台湾买了一本您的flash打造app的书。
可是我遇上两个问题:
1、我的光盘不能读写了,不知道什么原因。请问有书中源代码下载提供吗?(我是上海的读者,无法去更换:( )
2、我刚刚按照您的示范做了一个3D滚球的范例,在falsh cs6或cc模拟控制器上运行正常,可是我在自己的iphone5上测试时,publish为ipa文件,同时按照在机器上,在安装过程中出现问题,请您帮助,谢谢您!

我的邮箱:jingpingzhang@gmail.com
milkmidi寫道…
好的,我將路徑mail給您
匿名表示…
奶綠茶老師你好!關於您第10章 所介紹的cameraui
當我使用sumsung s2 直立拍攝的時候,整張圖會-90度, 請問老師有遇到相同狀況嗎?
milkmidi寫道…
最近我也有發現在某些機子上會有這樣的問題
正在查中
匿名表示…
奶綠茶老師您好~
我想請教您有沒有在Flash的App上掛過廣告?
我有買您的書,但是裡面似乎沒有提到掛廣告的資訊。
老師有空是否可以分享一下經驗,謝謝~
milkmidi寫道…
可以的,但需要寫原生程式讓flash呼叫
可以參考這一篇
http://milkmidi.blogspot.tw/2012/03/native-android-admob-support-for-adobe.html
匿名表示…
奶綠茶老師您好~
我是2/7問您掛廣告的那位~
謝謝您的分享~
我還想請教一下~
我決定使用adMob
AIR做得到控制他出現的時機嗎?
我希望他在某些時候是不顯示的
這做得到嗎?
adMob是不是跟你教的那篇用法不同了?
milkmidi寫道…
Admob一定要用原生程式呼叫
單 AIR 無法做到
Zou Chang寫道…
Hi 奶老師
又是我今天第二度來這問問題,我使用在書中提到的Qnx ui插件範例,發現幾個問題:
1.container的debugcolor沒辦法顯示
2.SizeMode.BOTH也沒辦法作用
3.在一個container裡面的按鈕會疊在一起
我是用光碟內的as檔在flash cs6中產出swf檔遇到這樣的情況的。
請問這是哪裡出錯了嗎?

這個網誌中的熱門文章

webpack2 入門實戰 1

大家好,我是奶綠茶
前端戰場不再只是寫寫 js / css , 各種框架、前處理工具百花齊放
身為前端工程師,不只要把程式寫完,還要寫好
老師說:選對好工具,事情就完成一半
如果你還在一隻 JS 打完全部程式,一隻 css 寫所有的 style
每次存檔還在手動 reload 網頁, 圖片壓 K 壓到不要不要的
透過奶綠伯的系列教學,讓你了解 webpack2 帶來的優勢
學會 webpack 可能不會加薪,但至少可以準時下班(誤)
1. 安裝 nodejs
請參考 gulp 安裝編

2. 安裝 global webpack , 筆者使用的是 2.2.1 版本
npm i webpack@2.2.1 -g
3. 在專案的根目錄放一隻 webpack.config.js
entry:你的主 js 進入點
output.filename:webpack 打包後的檔名
output.path:webpack 打包後的路徑
var path = require('path'); module.exports = { entry: './src/app.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') } };
4. require , module.exports
現在前端都 module 化
可以每個獨立的功能都寫成單一的 js module
除了好管理,也方便讓團隊使用
寫一隻 module_exports_util.js
每隻經過 webpack 打包的 js , 都會是獨立的檔案
所以變數都是私有的, 外部成員都無法得到
在這個 module 裡,我們想開放二個函式
add , getName
所以在最後的 module.exports 指定
筆記加入 jsdoc , 為了方便在開發時,能夠有型別的提示

var name = "milkmidi"; /** * @param {number} num1 * @param {number} num2 * @return {number} */ function ad…

Android完全入門篇-01 安裝SDK與裝置USBDriver

大家好,我是奶綠茶
筆者以 Windows 系統來介紹安裝
1. 下載 Android SDK
http://developer.android.com/sdk/index.html
有分 32 位元和 64 位元的版本
為了教學方便,筆者將檔案放置在 D:\ 下
壓開後會有
eclipse資料夾:Eclipse程式碼編譯器
sdk:Android 開發用的 SDK
SDK Manager.exe:sdk管理用的軟體


2. 開啟手機的"開發人員選項"
部份手機該選項被隱藏起來了
要開啟的話,點選"關於手機"
接著連點"版本號碼"七次,就會重新開啟該功能
接著再開啟"USB偵錯"功能
接上你的 USB 線後
這樣你的電腦才能透過 USB 線來偵錯手機的資訊
3. 為裝置安裝 adb usb driver
因為各家廠牌的 Driver 都不同也不通用,所以需要自行 Google 找 Driver
可以用"XXX廠牌 型號 adb usb driver"關鍵字來找
例:HTC Newone adb usb driver
接著找到 我的電腦 / 內容


裝置管理員

會看到一個金嘆號未知的裝置, 按右鍵更新驅動程式軟體

選擇"瀏覽電腦上的驅動程式軟體"

完成後就會看到裝置啟動,並出現 XXX Android ADB Interface

4.測試是否連接成功
進入到第一步下載的 sdk 資料夾裡
D:\adt-bundle-windows-x86_64-20131030\sdk
然後在 platform-tools 資料夾上按住 Shift 鍵,然後再按滑鼠右鍵
選擇"在此處開啟命令視窗"
(此功能只有 Win7 之後的版本才支援, XP使用者就要自行輸入 dos 指令進入到資料夾)
輸入 adb devices
如果看到一串數字,並顯示 device 就表示連線成功
5.新增環境變數(選擇性設定)
為了方便的使用 adb 指令
可以為 windows 設定變數
開啟我的電腦 / 內容 / 左邊的"進階系統設定"
點選下方 環境變數

下方系統變數,找到 Path的選項,按下編輯

在變數值欄位的最後方加入
;D:\adt-b…

webpack2 入門實戰 3 scss,html,file-loader

大家好,我是奶綠茶
上一篇介紹了 webpack 的核心功能 loader
這篇再來補強各種常用的 loader
css-loader:解悉 css 檔
extract-loader:這個有點難翻,下面會介紹
file-loader:存成實體的檔案, 如圖片
html-loader:解悉 html 檔
sass-loader:解悉 scss 檔
url-loader:解悉圖片路徑
webpack.config.js
module.exports = { resolveLoader: { // 所有用到的 loader, -loader 可以不用打 moduleExtensions: [ "-loader" ], }, resolve: { // 在 require 檔案, 如果不想寫完整的路徑 // 可以加入這些目錄, 讓 webpack 自動尋找對的檔案 // 請注意我們加入了 src/img 路徑,後面會再介紹到 modules: [ path.resolve( 'src/html' ), path.resolve( 'src/img' ), path.resolve( 'src/css' ), path.resolve( 'src/js' ), path.resolve( "node_modules"), ], // 在 require 時可以不用打副檔名 extensions: [ ".js", ".scss" ] }, } 再來就是 loader 的介紹
scss
在這要做多組合的應用
先將 .scss 透過 scss-loader 轉換, 並產生 sourceMap 檔
再過 css-loader
最後再過 style-loader
{ test: /\.scss$/, // 多個 loader 組合, 可寫成一行,或…