App開發 – Page 2 – Claire's Blog

Posted on 2013-08-26 am 1:31 by Claire Chang

IPhone元件介紹

表格視圖，文字視圖和Web視圖

狀態欄：狀態欄顯示與使用者裝置相關的重要資訊，包括電話信號強度，當前網路連接和電量資訊。
導覽欄：導覽欄位於應用程式螢幕的上邊緣，在狀態欄之下。導覽欄通常會顯示當前視圖的標題，包含導覽控制元件，並在適當的情況下也可以包含作用於視圖內容的控制元件。
工具欄：如果您的應用程式為使用者提供了一系列可在當前上下文中執行的動作，那麼您可以為使用者提供一個工具欄。工具欄的外觀要力爭與應用程式中的其它欄目的外觀保持一致。例如，如果您使用半透明的工具欄，就不要將它與不透明的導覽欄一起使用。此外，請避免在同一方向的不同螢幕中改變工具欄的顏色或半透明效果。
標籤欄：標籤欄使使用能夠在應用程式的不同模式或不同視圖之間進行轉換，並且使用者應該能夠從應用程式的任何地方進入這些模式。
在應用程式螢幕中使用視圖和控制元件
表格視圖：裡面包含許多元素，並可以使用表格視圖實現常用的使用者操作。如：選項列表；導覽層次資訊；查看按概念分組的資訊

有幾個表格操作元素：
1. 展開指示符：當這個元素出現時，使用者知道他們可以點選這一行中的任意位置來查看下一級的資訊，或是與當前列表項相關的選項。
  
  當選中一行後會顯示另一個列表時，應使用展開指示符。不要使用展開指示符來顯示某個列表項的詳細資訊；這種情況下應使用詳細資訊展開按鈕。
2. 詳細資訊展開按鈕：使用者可以通過點選該元素來查看某個列表項的詳細資訊。在表格視圖中，可以在某一行中使用詳細資訊展開按鈕，來顯示與該列表項相關的詳細資訊。請注意，與展開指示符不同，詳細資訊展開按鈕所執行的動作可以獨立於行的選擇動作。
3. 刪除按鈕：使用者通過點選該元素可以刪除對應的列表項。
4. 刪除控制按鈕：使用者通過點選該元素可以顯示或隱藏每個列表項的“刪除”按鈕。
5. 行插入按鈕：使用者通過點選該元素可以向列表中新增一行。
6. 行排序控制元件：當該元素出現時，使用者可以拖動一行到列表中的另一位置上。
7. 選定符號：該元素出現在列表項的右側，表明該項當前被選中。
8. 開關控制元件
文字視圖
Web視圖：Web視圖是應用程式螢幕上可以顯示豐富的HTML內容的一片區域。除了顯示web內容之外，web視圖還提供了一些元素來支援使用者瀏覽開放的網頁。雖然您可以選擇向使用提供網頁瀏覽功能，但是最好避免讓您建立的應用程式看起來像是一個小型web瀏覽器。

應用程式控制元件

活動指示器：活動指示器表示有一項持續時間未知的任務或過程正在進行當中。（請參考UIActivityIndicatorView類）
日期時間選擇器：日期時間選擇器為使用提供了一種簡單的選擇特定日期或時間的方式。（請參考UIDatePicker類）
詳細資訊展開按鈕：詳細資訊展開按鈕提供了關於某一項的額外資訊或更詳細的資訊。（參考UIButton類）
資訊按鈕（參考UIButton類）
標籤：標籤是一種大小可變的靜態文字。（參考UILabel類）
頁面指示符號（參考UIPageControl類）
選擇器：選擇器是日期時間選擇器的通用版本，如果您需要顯示特別多數量的值，則您應該用表格視圖將這些值列出，而不是用選擇器。
這是因為表格視圖俱有更高的高度，能夠更快速地進行滾動。（參考UIPickerView類）
進度視圖：進度視圖顯示俱有確定持續時間的任務或過程的進度。如果您需要顯示未知持續時間的任
務的進度，請使用活動指示器。（參考UIProgressView類）
圓角矩形按鈕：圓角矩形按鈕是一種多功能的按鈕，您可以在視圖中使用它來執行一個動作。（參考UIButton類）
搜尋欄：搜尋欄是一片接收使用者輸入的文字的區域，您的應用程式可以以搜尋欄中的文字為輸入進行搜尋。（參考UISearchBar類）
分段控制元件：分段控制元件是處在一條直線上的各段的集合，其中的每一段都相當於一個按鈕，可以顯示不同的視圖。（參考UISegmentedControl類）
滑塊：滑塊允許使用者在允許的值的範圍內對一個值或一個過程進行調整。當使用者拖拉滑塊時，相應的值或過程也不斷被更新。（參考UISlider類）
文字框：文字框是一個接收使用者輸入的圓角矩形的區域。當使用者點選文字框時，會出現一個鍵盤；當使用者點選鍵盤上的Return鍵時，文字框會以應用程式指定的方式處理使用者的輸入資訊。（參考UITextField類）

用於工具欄和導覽欄的標準按鈕

有關這些按鈕的符號名稱和可用性的資訊請參考UIBarButtonSystemItem的文件。

Posted on 2013-07-22 pm 4:07 by Claire Chang

上課筆記(一) – 專案運作流程、c語言概論、指標與物件

課程資訊

上課教師：潘聖文 Michael Pan ( scentsome@gmail.com) > 認真好老師推！
課程名稱：資策會IPhone應用軟體開發入門篇

運作流程

main function為固定進入點
在iphone app開發裡面，一個一整頁的畫面是Scene，會有對應一個Controller
切換不同Scene的叫做View Controller，跳出如輸入框或選取框的這種（非整頁切換），則不需View Controller
Navigation Controller是只有上面的Bar（用以控制頁面切換），會將View Controller塞進裡面。
所有Object特有的類別都會加上NS開頭（因為是某個縮寫為NS的公司開發的）
Objective-C可以在執行時動態產生Code。
整個Design Flow圖如下

開始之前

變數：代表記憶體的編號，型別決定占記憶體多大的位置，變數則是存放記憶體起始位置。
```
NSLog(@"%d",varA); //只要是OBJ C型別的東西都要加＠來存取（物件則用%@）
```

Function宣告

cal(int a, int b);
int main(int argc, const char * argv[]){
  int a=5;
  float b=6;
  cal(a,b); //呼叫函數
  return 0;
}
cal(int a,int b){
  printf("a+b=%d",(a+b));
}

ios程式的基本組成是由三個frameworks：
(a) UIKit：給特殊樣式的ui
(b) Core Graphics：畫圖
(c) Foundation：C和OBJ C用的
ps：要自己加可以按Target=>Summary=>Linked Frameworks and Libraries=>+
副檔名：表頭檔.h和內容檔.m及.mm（要用view一定要用.m；要像視訊則可用.mm）

Pointer & Object 指標與物件

Pointer在C裡面代表存放的是一個記憶體位置

int a = 5;
int * pa;//因此所有obj c裡面所有的物件，只要他是存放記憶體位置，都需要用指標型態去寫
pa = &amp;a;//放的是一個記憶體位置

Struct是型別，也就是class（類別）

struct Date{
   int day;
   int month;
   int year;
   void ( * formatedDate ) (struct Date date);
}
void formatedFunction(struct Date date){
   printf("The day is %d, %d/%d",date.year, date.month, date.day);
}

struct Date date = {3,10,1970};
today.formatedDate = formatedFunction;
today.formatedDate(today);

Function是存放動作，其記憶體是存在stack裡
所以Objective C程式的記憶體位置配置這樣的

Stack的部份是不用管理的，因為用完就沒了，而在Object C裡需要去做記憶體管理的部份則為Heap的區塊。
所以當我們在Obj C裡宣告了某個物件，必需用
```
a = malloc(sizeof(int));//會產生在heap，產生記憶體位置，可做記憶體管理。
```
Static variable（靜態變數），會放在Data Segment。
所有的View Object都會對應到一個型別（Custom Class那邊去設定）

Posted on 2012-10-04 pm 1:59 by Claire Chang

使用Flex編譯出ios的ipa檔案

這邊提供一些我看到的教學影片及連結

1.在Windows上一步步發佈的方式

http://support.brightcove.com/en/docs/step-step-guide-publishing-apple-app-store-using-windows

2. 使用Flex編出ipa的教學

http://tv.adobe.com/watch/adc-presents/build-ios-applications-using-flex-and-flash-builder-45/

3. 怎麼在windows上產生.p12檔案

4. 在Flex裡安裝AIR SDK的方式

http://helpx.adobe.com/flash-builder/kb/error-run-debug-deploy-ios.html

http://www.flashdeveloper.co/post/10985842021/overlay-adobe-air-32-in-flash-builder-46

其實最基本的可以就依照這篇文章去做一步步的發佈設定

如果不想太快買開發者身份也可以到google 打上fake .p12 ，下載破解檔案

就可以直接做發佈的設定了!

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

另外也提供不使用flex去做發佈的方式

1.安裝 adobe AIR SDK，請將以下壓縮檔，解到自己電腦任意目錄中

http://www.adobe.com/devnet/air/air-sdk-download.html

例如，我電腦中，我解到：E:\software\AdobeAIRSDK

2.準備 command line 批次檔 build.bat，檔案內容如下：

set SDK_HOME=E:/software/AdobeAIRSDK à 換成你放 air sdk 的位置

set ADT_JAR=%SDK_HOME%/lib/adt.jar

set APP_NAME=HorseRacingDemo à 換成你專案的名稱，會用來找對應的 xxx.swf 與 xxx-app.xml，並發布成 xxx.ipa

set APP_ROOT_DIR=C:/Users/ben.chang/Desktop/新增資料夾 à 所有東西放置的資料夾

set BUILD_DIR=%APP_ROOT_DIR%

set APP_ROOT_FILE=%APP_NAME%.swf

set APP_DESCRIPTOR=%APP_NAME%-app.xml

set IPA_NAME=%APP_NAME%.ipa

set STORETYPE=pkcs12

set KEYSTORE=FakeCert.p12

set STOREPASS=1234

set PROVISIONING_PROFILE=Fake.mobileprovision

java -jar %ADT_JAR% -package -target ipa-debug -provisioning-profile %APP_ROOT_DIR%/%PROVISIONING_PROFILE% -storetype %STORETYPE% -keystore

%APP_ROOT_DIR%/%KEYSTORE% -storepass %STOREPASS% %APP_ROOT_DIR%/%IPA_NAME% %APP_ROOT_DIR%/%APP_DESCRIPTOR% -C %BUILD_DIR% %APP_ROOT_FILE%

pause

3.準備 xxx-app.xml

我的 Flash CS 5.0，設定輸出 ipad 產出的 xml 為：

<?xml version=”1.0″ encoding=”UTF-8″ standalone=”no” ?>

<systemChrome>standard</systemChrome>

<transparent>false</transparent>

<fullScreen>false</fullScreen>

<aspectRatio>portrait</aspectRatio>

<autoOrients>false</autoOrients>

</initialWindow>

<icon/>

<customUpdateUI>false</customUpdateUI>

<allowBrowserInvocation>false</allowBrowserInvocation>

<InfoAdditions>

<![CDATA[<key>UIDeviceFamily</key><array><string>2</string></array>]]>

</InfoAdditions>

</iPhone>

</application>

設定輸出 iphone 的 xml 為：

<?xml version=”1.0″ encoding=”UTF-8″ standalone=”no” ?>

……

<InfoAdditions>

<![CDATA[<key>UIDeviceFamily</key><array><string>1</string></array>]]>

</InfoAdditions>

</iPhone>

</application>

設定輸出 iphone 與 ipad 的 xml 為：

<?xml version=”1.0″ encoding=”UTF-8″ standalone=”no” ?>

……

<InfoAdditions>

<![CDATA[<key>UIDeviceFamily</key><array><string>1</string><string>2</string></array>]]>

</InfoAdditions>

</iPhone>

</application>

4.資料夾中準備好相關檔案：

l xxx.swf

l xxx-app.xml

l build.bat

l FakeCert.p12

l Fake.mobileprovision

譬如，我在自己電腦桌面上開一新資料夾，如下畫面：

執行 build.bat 大約一兩分鐘就可產出 *.ipa