Loading...

iOS launch image full screen(no static bar)

2012-02-17T17:49:00.001+08:00

只需要在"Info.plist"中的"Status bar is initially hidden"設定為YES，在啟動App同時就可以有沒有狀態列的啟動畫面

iOS 使用libxml2 framework

2012-01-30T16:19:00.000+08:00

若有使用上此Framework需要在Project setting內的"Header Search Paths"加入以下這段，否則將會出現錯誤無法順利build

iphoneos/usr/include/libxml2/**

可參考一下圖片

iOS error message

2012-01-30T16:15:00.002+08:00

當出現以下錯誤訊息同時有可能是因為build的檔案發現重複，檢查Project中的檔案是否有重複或其他錯誤後即可解決，詳細可參考下圖。

Command /Developer/Platforms/iPhoneOS.platform/Developer/usr/bin/clang failed with exit code 1

把Youtube換成新版面

2011-11-22T09:43:00.001+08:00

目前僅支援Firefox、Chrome
在firefox按下: Ctrl + Shift + K (Win) | Cmd + Shift + K (Mac)
在Chrome按下: Ctrl + Shift + J (Win) | or Cmd + Alt + J (Mac)

切換到console並輸入以下文字，再按下enter(可參考下圖，以chrome為例)

document.cookie="VISITOR_INFO1_LIVE=ST1Ti53r4fU";

重新整理後所看到就是新版面啦！

iOS UIActionSheet

2011-09-28T00:03:00.001+08:00

UIActionSheet在部份選單中還蠻好用的，其中如果有不需要的按鈕只要將String部份輸入為"nil"按鈕就會自動消失了！

UIActionSheet *myActionSheet = [[UIActionSheet alloc] initWithTitle:nil delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"cancel" otherButtonTitles:@"AAA", @"BBB", @"CCC", @"DDD", nil];
    myActionSheet.actionSheetStyle = UIActionSheetStyleBlackOpaque;
    [myActionSheet showInView:self.view];

使用時如果有需要知道按下的按鈕是哪一個記得在.h檔中加入"UIActionSheetDelegate"，並在.m檔中加入以下Delegate，"buttonIndex"就是由上往下算的按鈕數目，從"0"開始。

-(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex {
    NSLog(@"buttonIndex = %d", buttonIndex);
}

iOS UIWebView loadRequest

2011-09-27T23:35:00.001+08:00

這在iOS中算是蠻常用的東西，不過我每次用完就忘了，在這Memo一下。

其中因為WebView放在ViewController內，所以使用"self.view.frame"來取得CGRect

UIWebView *myWeb = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
    NSURLRequest *request = [[NSURLRequest alloc] initWithURL:[NSURL URLWithString:@"URL Here!"]];
    [myWeb loadRequest:request];
    [self.view addSubview:myWeb];

如果需要在NavigationController內直接push出一個ViewController請使用以下方式

UIViewController *myViewController = [[UIViewController alloc] init];
    UIWebView *myWeb = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, myViewController.view.frame.size.width, myViewController.view.frame.size.height)];
    NSURLRequest *request = [[NSURLRequest alloc] initWithURL:[NSURL URLWithString:@"URL Here!"]];
    [myWeb loadRequest:request];
    [myViewController.view addSubview:myWeb];
    [self.navigationController pushViewController:myViewController animated:YES];

iOS UITableView update cell 更新TableViewo單一cell內容

2011-09-23T00:04:00.002+08:00

tableView 真的是iOS中相當關鍵的一個UI，一方面是列表方式在呈現資料可以說是最好的方式，讓使用者快速得到想要的資訊，在其中也因用途不同需要客製化的部份相當多，就如下面要介紹的更新單一cell。

以下myTableView為UITableView的名稱

//更新指定cell
NSIndexPath *path = [NSIndexPath indexPathForRow:indexPath.row inSection:indexPath.section];
NSArray *myArray = [NSArray arrayWithObjects:path, nil];
[myTableView reloadRowsAtIndexPaths:myArray withRowAnimation:UITableViewRowAnimationFade];

如果需要更新所按下的cell可以搭配UITableViewDelegate使用

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
NSIndexPath *a = [NSIndexPath indexPathForRow:indexPath.row inSection:indexPath.section];
NSArray *my = [NSArray arrayWithObjects:a, nil];
[myTableView reloadRowsAtIndexPaths:my withRowAnimation:UITableViewRowAnimationFade];
}

其中UITableViewRowAnimation有相當多的動畫方式可以使用，當然也可以不要動畫，只要在"withRowAnimation:"輸入"UITableViewRowAnimationNone"即可達到直接修改cell並且無動畫。

NSArray的部份也可以一次加入多個需要更新的cell，如果是需要一次更新所有的cell可以使用以下方式
[myTableView reloadData]

相關連結
iOS Developer Library
iOS Developer Library - UITableView Class Reference

iOS navigation to the address 導航到指定地址

2011-09-11T02:14:00.000+08:00

Google的導航真的很好用，在iOS上Google Maps的使用方式也比起在Android上好用很多，光是要申請KEY，還需要弄一堆有的沒的就夠麻煩了，這邊就來解說一下如何使用iOS的Maps導航功能，順便就將寫成了個function來方便使用。

-(void)navivationToTheAddress:(NSString *)address{
//導航起點的經緯度
NSString* myLatitude = @"0.0";
NSString* myLongitude = @"0.0";
NSString* urlString = [NSString stringWithFormat:@"http://maps.google.com/maps?f=d&source=s_d&saddr=%@,%@&daddr=%@", myLatitude, myLongitude, address];

//將地址的中文轉碼
NSString *escaped = [urlString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];

//開啟Maps導航
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:escaped]];
}

相關連結
iOS Developer Library

iOS UITableView cell and section height

2011-09-11T01:56:00.002+08:00

TableView在iOS4所寫相同的Code，在iOS5 build起來卻有不同的結果，最後找出原因在iOS4以前TableView預設的section高度為0(簡單來說就是看不到)，但在iOS5卻為預設高度(好像是20，剛好一行字)。上架(Apple Store)後並不會出現這問題，所以若已經確定為上架版本可以放心。

iOS5上需要特別去修正過section的高度來讓他消失，此function回傳值即為section的高度。

//section height
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
    return 0.0;
}

修改Cell高度即為

//cell height
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;{
//set cell size
return 100.0;
}

iOS UITableView seleted blue background

2011-09-11T01:44:00.000+08:00

TableView預設在點選同時會產生藍色的背景作為Highlight，在某些狀況這是好事，可以清楚的標示出目前所點到的那行，但部份狀況下是不需要他的，其實只要簡單的一行就可以讓他消失掉。

只需要在UITableView的Delegate內加入這行，也就是下面這function內加入

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {}

// cell 為cell的名稱，也就是所定義的"UITableViewCell *cell"
[cell setSelectionStyle:UITableViewCellSelectionStyleNone];

Android Gallery switch to position移動至指定位置

2011-09-10T18:13:00.002+08:00

需要將Gallery、ListView、GridView移動至指定位置皆可使用此語法。

setSelection(position, animate)

Sample

imageGallery.setSelection(position, animate)

MySQL Client on Android

2011-09-10T17:39:00.001+08:00

現在App對於網路的依賴度越來越高，畢竟資料如果是死的，沒辦法分享給朋友，不能按讚、+1、Tweet、Plurk......等的因素實在很痛苦，Android的SDK對於SQLite有完整的支援，但SQLite畢竟還是個local的資料存取，想要更新資料還是需要透過網路，一般App在這種狀態下大概可以分為三種方式。

1. 每次開啟App將所有資料更新
優點：一次將所有資料更新完成，在後續使用上可以完全不必在進行網路存取，減少每次等候時間，常見於電子書
缺點：安全性倍受考驗，若資料有安全性考量應盡量避免，資料量若太大會佔用到過多的容量空間，Mobile Device不是電腦上的HDD，容量是用G來計算

2. 即時存取 - 使用Api界接
優點：由後台對資料整理過後再進行傳輸，減少掉不必要的資訊，快速達成所需，製作一次可供多種平台做使用
缺點：執行製作上必須多花一份工

3. 即時存取 - 直接Query資料庫
優點：省去後台多做一次工
缺點：每次使用都需要與資料庫連線才可以取得資料，Mobile Device上的網路狀況並不像電腦的網路環境，常常會遇上無法順利與資料庫產生連線導致無法取得資訊

不過今天所要談的重點為MySQL Client，所以當然是講"3. 即時存取 - 直接Query資料庫"，在這邊我選擇直接使用JDBC來溝通，直接進入重點

Step 1.下載JDBC http://dev.mysql.com/downloads/connector/j/5.0.html#downloads
因為Android對於JAVA支援版本關係，無法使用最新版，經過測試後發現3.0.17這版本就以足夠使用

Step 2. 將JDBC的Jar檔案加入至專案中

Step 3. Sample code

private Connection connect = null;
private Statement statement = null;
private ResultSet resultSet = null;

public static final String MYSQL_IP = "192.168.0.100";
public static final String MYSQL_DBNAME = "Book";
public static final String MYSQL_USERNAME = "isken";
public static final String MYSQL_PASSWORD = "isken";

public ArrayList bookList() throws Exception {
ArrayList results = new ArrayList();
try {
String script = "SELECT id, name, URL FROM Book";
Log.e("Isken", "script = "+script);

// This will load the MySQL driver, each DB has its own driver
Class.forName("com.mysql.jdbc.Driver");

Log.e("Isken", "jdbc:mysql://"+MYSQL_IP+"/+MYSQL_DBNAME+?"+ "user="+MYSQL_USERNAME+"&password="+MYSQL_PASSWORD);

// Setup the connection with the DB
connect = (Connection) DriverManager.getConnection("jdbc:mysql://"+MYSQL_IP+"/+MYSQL_DBNAME+?"+ "user="+MYSQL_USERNAME+"&password="+MYSQL_PASSWORD);

Log.e(PAGETAG, "connection is success");

// Statements allow to issue SQL queries to the database
statement = (Statement) connect.createStatement();

// Result set get the result of the SQL query
resultSet = statement.executeQuery(script);

while (resultSet.next()) {
MyObj obj = new MyObj();
String id = resultSet.getString("id");
String name = resultSet.getString("name");
String url = resultSet.getString("URL");
obj.setId(id);
obj.setName(name);
obj.setURL(url);
results.add(obj);
}
Log.e(PAGETAG, "results size = "+results.size());
} catch (Exception e) {
throw e;
} finally {
close();
}
return results;
}

相關連結
Android Developer
MySQL Developer Zone

Android Google Map Streetview 街景服務

2011-09-04T16:56:00.002+08:00

街景服務也是個Google很強大的功能之一，但這功能如果只能使用在一般的PC上實在有點可惜，當然iOS、Android也有相關服務可以使用，在此介紹Android上的使用方式

double objLatitude = 25.066319;
double objLongitude =  121.557541;
Intent streetView = new Intent(android.content.Intent.ACTION_VIEW,Uri.parse("google.streetview:cbll="+ objLatitude+","+objLongitude+"&cbp=1,99.56,,1,-5.27&mz=21"));
startActivity(streetView);

Git

2011-09-02T02:02:00.001+08:00

Git init
git init

Saving State
git commit -m "[content]"

Saving State
git commit "[content]"

Add all files
git add .

Add all file
git add [file name] [file name] [file name] ...

Remove file
git rm [file name]

Rename file
git mv [old name] [new name]

Log
git log

Undo
git reset --hard [path]

iOS app icon 反光

2011-06-26T19:43:00.000+08:00

ios 在icon預設會有一道圓弧的反光(如下圖)，Runkeeper這app很明顯的在反光上是自訂，而kkbox有很明顯的圓弧反光

要消除這礙眼的反光很簡單，在app 專案開啟的info.plist檔內找到一個"Icon already includes gloss effects"一個boolean的設定，如果沒看到這設定再自己加入即可。

YES：沒反光
NO：有反光

相關連結
iOS developer Library

iPhone4 flashlight on/off LED燈開關

2011-05-24T09:58:00.001+08:00

目前鏡頭旁邊的led燈似乎只有在iphone4才有，不過說真的這小小的led燈還真的蠻好用的，在app store上也可以看到一大堆類似的軟體。

step1.在.h檔內先將framework給import進來

//import framework
#import <AVFoundation/AVFoundation.h>

//宣告變數並將這變數交由property管理
AVCaptureSession *torchSession;

@property (nonatomic, retain) AVCaptureSession *torchSession;

step2.回到.m檔內記得在@@implementation及@end間加上synthesize

@synthesize torchSession;

step3.開關LED燈的函數

-(void) openLED{
NSLog(@"click openLED");
AVCaptureDevice *device = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];
if ([device hasTorch] && [device hasFlash]){
if (device.torchMode == AVCaptureTorchModeOff) {

NSLog(@"On");

AVCaptureDeviceInput *flashInput = [AVCaptureDeviceInput deviceInputWithDevice:device error: nil];
AVCaptureVideoDataOutput *output = [[AVCaptureVideoDataOutput alloc] init];

AVCaptureSession *session = [[AVCaptureSession alloc] init];

[session beginConfiguration];
[device lockForConfiguration:nil];

[device setTorchMode:AVCaptureTorchModeOn];
[device setFlashMode:AVCaptureFlashModeOn];

[session addInput:flashInput];
[session addOutput:output];

[device unlockForConfiguration];

[output release];

[session commitConfiguration];
[session startRunning];

[self setTorchSession:session];
[session release];
}
else {
NSLog(@"Off");
[torchSession stopRunning];   
}
}
}

step4.記得在dealloc把宣告過的東西release掉

- (void)dealloc {
[torchSession release];
[super dealloc];
}

step5.加入framework

step6.開始玩LED燈

相關連結
iOS Developer Library

Android phone call撥號

2011-04-12T12:09:00.000+08:00

Android內也一樣可以在app內直接進行撥號，如果是iOS上可參考前一篇"iOS dial a phone call 在app內撥電話
"

用法上相當簡單，只要在需要撥號的地方加上以下這段code

Intent i = new Intent( Intent.ACTION_CALL );
i.setData(Uri.parse("tel:"+"Phone number"));
startActivity(i);

然後在"AndroidManifest.xml"的<manifest>與</manifest>內加上下面這段
<uses-permission android:name="android.permission.CALL_PHONE"/>

※"AndroidManifest.xml"在建立專案時就會自動產生在專案最外層

相關連結
Android Developers
Android Developers - ACTION_CALL

iOS UIScrollView image auto switch自動切換圖片

2011-03-22T00:13:00.000+08:00

因為剛好有這樣的需求加上我懶得去找，簡單來說就像是個跑馬燈，每隔幾秒自動變換一次圖片，然後讓他自動輪播。原本還有想弄個UIPageControl上次方便管理目前所在頁面，變得有點像iOS瀏覽程式的那種感覺，但是我懶了...

Download code

首先import這class
#import "ImageSwitcher.h"

接著在需要的地方init出來，請記得使用initWithFrame，因為我也只有寫在這裡...反正順便設定寬高大小，以下為加入ViewController內

ImageSwitcher *imgSwitcher = [[ImageSwitcher alloc] initWithFrame:CGRectMake(0, 100, self.view.frame.size.width, 60)];
[self.view addSubview:imgSwitcher];
[imgSwitcher release];

完畢

※圖片檔我預設為"ad%d.png"，例ad1.png，圖片都是放local端，等哪天有空再把直接web下載+lazyload加進來
※adHeight為廣告高度
※switchADTime為切換時間的長短

Download code

相關連結
iOS Developer Library
iOS Developer Library - UIImageView
iOS Developer Library - UIScrollView

iOS UIScrollView Scroll to somewhere捲動到指定點

2011-03-21T00:29:00.001+08:00

其實這應該也沒啥，不過對我這腦容量不足的人應該還是很有用，最主要就是兩點。
1.設定UIScrollView的大小
2.scroll到指定位置

首先設定大小的部份

//init出來並且設定位置
UIScrollView *myScrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
//設定內容大小
[myScrollView setContentSize:CGSizeMake(900, 900)];
//設定可以捲動
[myScrollView setScrollEnabled:YES];
//加進去self
[self.view addSubview:myScrollView];

接著就在需要捲動的地方加上

//point就是要滑動到的點，0,0為原點
[myScrollView setContentOffset:CGPointMake(0, 0) animated:YES];

Android adapter getView

2011-03-20T16:28:00.000+08:00

因為這getView被問上不少次，其實這東西就像是iOS UITableViewDelegate內的"cellForRowAtIndexPath"，只是在android上不僅可以使用於listView也可以使用在gridView，簡單一句話就是"他很好用"。

不過小弟我根本不會寫程式，如果有寫錯的部份就別給我面子捅下去就對了(簡單一個字就是懶...)

以下為自訂row在getView

public View getView(int position, View convertView, ViewGroup parent) {
 LayoutInflater inflater=getLayoutInflater();
 View row;
 //直接去抓xml的方式來定義內容
 row=inflater.inflate(R.layout.custom_row, parent, false);

 TextView title=(TextView)row.findViewById(R.id.title);
 TextView subtitle=(TextView)row.findViewById(R.id.subtitle);
 ImageView myImage = (ImageView)row.findViewById(R.id.myImage);

 return (row);
}

以下為row的xml內容，基本上就是看你高興...

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="horizontal"
  android:gravity="left"
  >
  
  <ImageView
   android:id="@+id/myImage"
   android:src="@drawable/my"
   android:layout_width="100px"
   android:layout_height="100px"
  </ImageView>
  
  <LinearLayout
   android:gravity="left"
   android:orientation="vertical"
   android:layout_width="wrap_content"
   android:layout_height="100px">
   <TextView
    android:id="@+id/title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Title"
    android:textSize="8pt"
    android:singleLine="true">
   </TextView>
   <TextView
    android:id="@+id/subtitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Subtitle"
    android:textSize="6pt"
    android:singleLine="true">
   </TextView> 
  </LinearLayout>
</LinearLayout>

基本上到了這邊應該還會有個疑問是那每一個row要怎樣來把資料丟進去？我個人都是建一個class丟進array內來做管理，對我這種腦內記憶力不足的人來說還蠻好用的。

public class MyObj{
  private String title;
  private String subtitle;
  private Drawable imageDrawable;
}

對應到row裡面可以使用下面這方法，其中的"myArray"也請記得先宣告出來
MyObj myObj = (MyObj)myArray.get(position);

相關連結
Android Developer
Android Developer - adapter
Android Developer - listview

iOS URL encode UTF8

2011-03-18T00:43:00.000+08:00

URL轉UTF8並使用Apple URL Scheme，“Mail”、“Phone”、“Text”、“Map”、“YouTube”、“iTunes”

Mail

NSString *mail = [NSString stringWithFormat:@"Mail here"];
NSString* urlString = [NSString stringWithFormat:@"mailto:%@", mail];
NSString *escaped = [urlString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]; 
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:escaped]];

Phone

NSString *tel = [NSString stringWithFormat:@"Phone number here"];
NSString* urlString = [NSString stringWithFormat:@"tel:%@", tel];
NSString *escaped = [urlString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]; 
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:escaped]];

可參考"iOS dial a phone call 在app內撥電話"

Text

NSString *tel = [NSString stringWithFormat:@"Phone number here"];
NSString* urlString = [NSString stringWithFormat:@"sms:%@", tel];
NSString *escaped = [urlString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]; 
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:escaped]];

MAP

NSString *address = [NSString stringWithFormat:@"address here"];
NSString* urlString = [NSString stringWithFormat:@"http://maps.google.com/maps?q=%@", address];
NSString *escaped = [urlString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]; 
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:escaped]];

※地址部份可用經緯度代替 EX.25.xxxxx,121.xxxxxx(中間使用逗號隔開)

Map - Native

NSString *addressA = [NSString stringWithFormat:@"addressA here"];
NSString *addressB = [NSString stringWithFormat:@"addressB here"];
NSString* urlString = [NSString stringWithFormat:@"hhttp://maps.google.com/maps?daddr=%@&saddr=%@", addressA, addressB];
NSString *escaped = [urlString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]; 
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:escaped]];

※地址部份可用經緯度代替 EX.25.xxxxx,121.xxxxxx(中間使用逗號隔開)

Youtube

NSString *id = [NSString stringWithFormat:@"Youtube id here"];
NSString* urlString = [NSString stringWithFormat:@"http://www.youtube.com/v/%@", id];
NSString *escaped = [urlString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]; 
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:escaped]];

iTunes

NSString *id = [NSString stringWithFormat:@"iTunes id here"];
NSString* urlString = [NSString stringWithFormat:@"hhttp://itunes.apple.com/tw/app/halftone/id%@", id];
NSString *escaped = [urlString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]; 
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:escaped]];

※不同國家store也會有所，此為台灣store

相關連結
iOS Developer Library
iOS Developer Library - Apple URL Scheme Reference
"iOS dial a phone call 在app內撥電話"

iOS NSXMLParser

2011-03-17T14:15:00.000+08:00

XML parser在iOS裡面有不少選擇，甚至不少第三方的parser都比官方強勁，不過這篇重點是介紹官方的NSXMLParser。

step1. 先在.h檔加入NSXMLParserDelegate

#import 

@interface DemoXML : UIViewController {
 //xml
 NSXMLParser *parser;
 NSString *parserCurrent;
}

//xml
@property (nonatomic,retain) NSString *parserCurrent;

@end

step2. .m檔的部份加入property部份

//xml
@synthesize parserCurrent;

step3. .m檔內需要進行parser的部份加入

//需要parser的URL
NSString *parserString = @"需要parser的URL";

//若有特別需要轉碼 
NSString *escaped = [parserString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];

//NSXMLParser init
parser = [[NSXMLParser alloc] initWithContentsOfURL:[NSURL URLWithString:escaped]];

//設定Delegate
[parser setDelegate:self];

//開始parser
[parser parse];

step4.設定Delegate的部份

//parser < XXXX>
-(void)parser:(NSXMLParser *)parser didStartElement:(NSString *)elementName namespaceURI:(NSString *)namespaceURI qualifiedName:(NSString *)qName attributes:(NSDictionary *)attributeDict{
//NSLog(@"elementName = %@", elementName);
//NSLog(@"elementName = %d", elementName.length);
//elementName就是其中XXX的部份
    parserCurrent = elementName; 
}

//parser 
-(void) parser:(NSXMLParser *)parser didEndElement:(NSString *)elementName namespaceURI:(NSString *)namespaceURI qualifiedName:(NSString *)qName{
 //NSLog(@"didEndElement => elementName = %@ || namespaceURI = %@ || qName = %@", elementName, namespaceURI, qName); 
 
}

//parser <>XXXXXX
-(void)parser:(NSXMLParser *)parser foundCharacters:(NSString *)string{
 NSLog(@"foundCharacters = %@",string);

 //如果XML的Tag名稱與所需相同，就做以下動作
 if([parserCurrent isEqual:@"title"]){
  //Todo something
 }
}

//parser結束
-(void) parserDidEndDocument:(NSXMLParser *)parser{
 //todo something
}

PHP "Cannot modify header information - headers already sent by"

2011-03-17T11:08:00.000+08:00

今天遇上這問題目前是順利解決來紀錄一下，稍微查了一下這可能是UTF8 dom的問題，也可能是buffer這部份的問題，總之我是用以下方是解決。

到"C:\Windows"找出php.ini將"output_buffering"修改為On
※O要大寫

; Output buffering allows you to send header lines (including cookies) even
; after you send body content, at the price of slowing PHP's output layer a
; bit.  You can enable output buffering during runtime by calling the output
; buffering functions.  You can also enable output buffering for all files by
; setting this directive to On.  If you wish to limit the size of the buffer
; to a certain size - you can use a maximum number of bytes instead of 'On', as
; a value for this directive (e.g., output_buffering=4096).
output_buffering = On

修改完後別忘了將apache重新啟動

杜樂麗心饌

2011-03-16T22:31:00.000+08:00

其實都吃完好幾天了，不過到現在才想到才想到來po...真的是沒空嗎？大概有99.99%是因為懶，至於未啥會來這家也是因為瘸子生日，不然光看到價錢...應該不是我該來的地方。不過說真的這家東西是真的還不賴

店門口

海膽

！＠＃！＠＄！＠春捲(很明顯是我忘了)

生魚片、生蝦，生蝦真的超美味！

鍋物，四個人的量

傳聞中的松阪豬，一樣是投入鍋

玫瑰醋

＠＃％＄︿＃＠＄＃＠蒸蛋(非常好...我又忘了)

炸！＠＄＄＠魚排(再次忘了)

︿＃＠＄＠＃＄醋(沒錯！我很確定他是某種醋)

鮑魚

好大的蝦

龍蝦

壽司(連我這不很愛吃壽司的都很愛)

水果+甜點(泡芙)

︿＄＠＃％＃＠茶(只記得味道很香很好喝)

總之...這家很好吃，但是也很貴

杜樂麗心饌
官方網站：http://www.coeur.com.tw/
地址：106台北市大安區Section 4, ShìMín Blvd 108號
電話：02-2775-2345

相關連結
完整真相

iOS Loading

2011-03-16T22:04:00.000+08:00

在iOS內loading也是很重要的，最重要也是在parser資料的同時給user一點心理準備，當然也可以弄一條processbar來告知用戶，不過我懶，所以就直接弄個loading畫面蓋在畫面最上端，一方面也避免User亂按。

Download code

step1.下載完後的檔案直接解壓縮丟到project內

step2.把檔案匯入.h檔並且把function先預設好

#import <UIKit/UIKit.h>

#import "LoadingView.h"

@interface RootViewController : UITableViewController {
 //loading
 LoadingView *loading;
 
}

-(void)initLoading;
-(void)removeLoading;

@end

step3.在.m檔內把initLoading、removeLoading兩個function設定完成

-(void) initLoading{
 loading = [[LoadingView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
 [self.view addSubview:loading];
 [loading release];
}

-(void)removeLoading{
// NSLog(@"subView = %@", [self.view subviews]);
 for(UIView *subview in [self.view subviews]) {
  if([subview isKindOfClass:[LoadingView class]]) {
   NSLog(@"remove Loading = %@", subview);
   [subview removeFromSuperview];
  } else {

  }
 }
}

step4.完成後就看哪時候需要loading就使用
[self initLoading];

要把他消失使用
[self removeLoading];

Download code

相關連結
iOS Developer Library

金馥記脆皮烤鴨

2011-03-01T13:01:00.000+08:00

前幾天剛好去吃了這家烤鴨，門面看起來是蠻厲害的，但進入後看到點細節上得東西就覺得還好，直接進入主題烤鴨！店名顧名思義最厲害應該就是烤鴨，當然要來嘗試一下。烤鴨這種東西一定要現烤才行，所以要吃之前最好是先訂，不然大概整桌都要吃完烤鴨應該差不多可以跟水果一起上XD

烤鴨烤好後會在桌子旁邊將烤鴨切給你看，所切下來的部份就是給你直接服用，搭配餅皮、蔥段、點面醬弄成烤鴨夾餅。

切完後大致上長這樣(其實已經四個人每人都吃完兩三卷...)

搭配上餅皮等東西組合成烤鴨夾餅

完成後

到這應該會有疑問...就這樣切完就包含整隻鴨了嗎？當然沒有，鴨子的部份可以選擇兩吃、三吃、四吃，從三吃開始每多一種要多加200，而基本的兩吃890，烤鴨+兩籠餅皮+蔥段等佐料為基本配備，另一吃可以選擇加入酸白菜、粉絲煮湯或炒鴨骨、炒豆芽菜這三種選擇。

這次選擇為加入酸白菜、粉絲煮湯，味道還不賴

另外還點了一道比較有趣的"宮保皮蛋"其實就是宮保雞丁的雞丁改為皮蛋，皮蛋有先炸過，以前沒吃過所以覺得還蠻新鮮的

總結來說就是間普通的店，烤鴨並沒有特別的強勁，四個人吃下來平均一個人也要3XX將近400，如果不是特別想吃烤鴨在這價位上應該是有更好的選擇。

詳細資訊
電話：02-2579-0585
地址：台北市松山區南京東路四段66號

相關連結
金馥記脆皮烤鴨完整真相

再訪風櫃嘴

2011-02-26T21:57:00.000+08:00

台北自從去年12月開始大雨小雨下不停，偶爾放晴一下，不過地板還來不及乾雨又噴下來，只有在過年那幾天很給面子的出了太陽，不過過年那幾天我人也不在台北，只有在放假的最後一天享受到點台北的陽光，今天看到外面出了大太陽當然要出去騎一下啦！

出發前其實也不知道要去哪，不過很自然的就網河濱走，可能因為連假河濱人也特別少，但對於假日的河濱還是充滿恐懼感，到內湖那邊就決定轉往劍南路，不過太久沒騎山路加上過年的養豬行為讓體重增加不少，騎起來是格外吃力，好不容易到至善路後看看時間還早，要爆炸就讓他炸個徹底吧！經過一番努力最後還是順利上了風櫃嘴。

這三個字已經不知道多久沒看過他了

由於我實在很怕從原路下去(風鈴橋to風櫃嘴)，每次都會改從內湖或走汐萬路繞到汐止再回家，也就是會繞到五指山，在分岔點這有很多店家，假日也不少遊客會到這來休息，尤其很多重機騎士會到這來會合。還有前陣子蘋果日報的試車摔車也是在這拍的。

交會點的涼亭

下了汐萬路後順便繞去阿姨家拿了點東西，不過沒想到有這麼大一袋，只好掛在手上慢慢騎回家...

相關連結
再訪風櫃嘴(相簿)
風櫃嘴(沒記錯是新訓剛放假...)

Google sync on iphone同步多個月曆

2011-02-17T20:45:00.000+08:00

Google的服務真的是太給他好用了，尤其在現在這種時代啥鬼都是雲端，方便是所有資料可以同步使用不需要再重複輸入，壞處就是你的資料全都在別人手中，但為了方便有些東西還是得取捨一下。

行動裝置同步解說網頁：http://www.google.com/mobile/sync/

手機版：http://m.google.com

由於今天主題是iphone所以接下來就解說一下同步上的問題，以往使用Microsoft Exchange只能夠同步(註1)一個月曆，但像我一次用一堆月曆怎麼辦，有些不同的東西還是紀錄在不同月曆比較好分類管理，現在google已經可以同不多個月曆!!但是這服務似乎還沒在台正式推出，以下就來說明該如何同步。

先連到Google 行動服務：http://m.google.com看到以下這些是目前台灣正式上市的服務。

將畫面捲動到最下方點選"語言變更"

接者把語言改為"English(US)"

會回到原來選擇服務的畫面，會熊熊的發現到服務多了好多，沒關係～有空再來慢慢玩，先進入今天重點，點選"sync"

進來就可以看到你有與google同步的行動裝置，就先以iphone為例，點選iphone

可以看到在My Calendars看到第一個就是預設同步的月曆，底下有很多月曆可以點選，只要有打勾就是要同步的月曆，點選完成後別忘了按下右上角的"Save"，把設定儲存起來，這樣就完成同步的設定。

如果切回月曆還沒看到同步過來的話可能先稍等一下，等資料下載，去喝杯咖啡，溜個狗回來應該就完成了。

註1：同步Microsoft Exchange可參考google官方說明：http://www.google.com/support/mobile/bin/answer.py?answer=138740&topic=14252

相關連結
行動裝置同步解說網頁：http://www.google.com/mobile/sync/
手機版：http://m.google.com

富足康鞋墊

2011-01-28T15:26:00.000+08:00

前幾天拿到這兩款鞋墊，說實在蠻厲害的，把鞋墊換上後確實感覺差蠻多的，經過測量後也拿到最符合我的腳的鞋墊，測量的過程也是相當的仔細，從腳的大小、重心位置、足弓類型、腿型才決定是用哪一種的鞋墊。

半長

材質與邊緣處理部份，正面這材質摸起來是相當的舒服好摸

背面的材質及腳後跟處理

兩種材質接合處

由側面可以很明顯的看到在足弓部份的曲線，這部份也是經由測量結果來決定要用哪一種鞋墊的重點

正反面合照

在背面也有標示上左右腳的，加上腳鞋墊本身的造型應該是不至於會把鞋墊放錯腳

全長

材質與邊緣處理，相同的也可以看到對於足弓、足型的特別設計

側邊看過去

正反面合照，可以看出與半長有些不同，在腳後跟、腳趾後方的那塊有特別處理

腳後跟特寫

腳趾後方特寫

側著的為右腳內側面，此為低足弓款

整體來說就目前這樣穿下來確實感覺很厲害，記得之前看過一個specialized的影片(如下)也是介紹他們配合卡鞋用以矯正踩踏時腳別偏擺，增加效率並且可以保護選手的膝蓋軟骨，雖然我只是個一般人，但因運動造成後遺症這是跟膽固醇一樣，一輩子死心塌地的跟著你不能開玩笑的。

富足康官方網站
鞋墊完整真相

iOS app - Runkeeper

2011-01-17T23:22:00.000+08:00

由於本身有騎車行車也喜歡騎著車道處跑，買iPhone之前就一直有在找有沒有相關的app，騎自行車最主要也就是時速(平均、目前、最高)、時間（騎乘時間、總時間）、轉速（踩踏轉速）、心跳（平均、目前、最高）、功率(較高階才有)、GPS軌跡紀錄，不過最最最重要我覺得還是可以給你整合起來的清楚圖表，最早是看到Garmin、Polar。

Garmin Edge 705已經上市有點年紀的產品，不過算是好用，該有的幾乎都有，配合Garmin Trainning Center真的是很棒，免費！而且MAC版本也有，個人就可以從數據來為自己做訓練計畫，就算沒有比賽需求的人也可以藉由這調整自己的體能、健康狀況，後來也相繼推出Forerunner 405、Edge 500也都相同有週邊配備（心律帶、轉速sensor等）來得到詳細數據，405為手錶型，若為兩鐵（自行車、慢跑）愛好者更是個不錯的選擇。

Polar在心跳偵測上更是出了名，號稱醫療等級，WEARLINK的sensor更是號稱更不容易受干擾，小弟我由於長期的心律不整但是又愛騎車到處跑，常常會不小心衝太快感到心臟好像快跳出來，由於已經有買了一個簡易的碼表，當時也是個窮學生沒這麼高的預算去買Garmin Edge 705，就先買了Polar F7
(目前似乎已經停產)，實際測下來在平路沒啥出力就160，爬坡沒低於170過，一用力最少190，目前最高紀錄是209，真懷疑這到底準不準，我心臟是跳到哪去了，不過Polar在使用上還算是不錯，不過這隻在傳輸檔案上真的很麻煩，他很帥氣的使用聲音傳輸，只要把手錶對到mic上就可以把資訊傳輸到電腦，配合polarpersonaltrainer.com也與Garmin一樣有完整的訓練計畫等資訊可以參考，但是必需要為較高街的機種才有此功能，但是真的很不方便...因為上傳的軟體只有Windows版本，只要傳輸到一個音節沒順利收到就要重傳，Polar ProTrainer 5甚至要到CS 600這種高階產品才開始支援，還需要額外購買軟體，而且只有Windows版本。我相信他的專業，就連環法賽都有合作，並且把選手即時資訊放到網路上給人參考，不管資訊的真假至少他做了。

拉回到正題今天要介紹這款App"Runkeeper pro"過去都為9.99鎂，目前特價免費中(下載前請仔細確認)

速度、消耗卡路里、時間、GPS軌跡紀錄、心跳(需加購套件)都有了，也有一套完整的線上管理規劃的軟體(部份功能需加購)，在每次使用完後只要將資訊直接傳輸至網站中就會有免費的這段路程的詳細資訊，如下圖

軌跡直接結合Google Map，由於資料是上傳至官方的server所以就算你換一台iOS Device也可以直接把過去的資訊同步到手機上來，不過他這心律帶的價錢有點高(應該不只一點)，Android上面也有這軟體，不過心律帶似乎為不同家(Polar)的，可以參考官方介紹。

不過使用這些軟體也是會卡到一些iPhone上常遇上的問題"蓄電"以及在"自行車上固定"，這軟體在收到背景後仍然會持續運作，但是就看不到即時地圖與資訊，不然就真的要掛一個尿帶在龍頭附近(EX.上管袋)，固定部份雖然市面上有些產品可以順利解決iphone跳車，但是Cycling Computer如果沒辦法防水是很令人頭痛的問題，再戶外你沒辦法保證不會忽然下雨、水噴過來、汗水帥氣的揮灑，市面上雖然有解決方案(如下面這影片)，但由於售價昂貴，還是沒辦法輕易下手阿！！

相關連結
Garmin 官方網站
Polar 官方網站
Apple 官方網站
Google Map
RunKeeper 官方網站

Denon AH-260R

2011-01-12T13:57:00.000+08:00

外出時帶著耳罩式耳機感覺有點怪怪的，雖然說冬天應該很溫暖，耳掛、耳塞式我都戴不太習慣，最後決定買了耳道的，耳機這個坑要多大有多大，原本有考慮過藍牙耳機，但覺得藍牙耳機還需要另外充電，續行力也是個大問題，聲音品質、訊號干擾、便利使用、價格等因素，最後決定預算有限的狀況下就鎖定在2k以下，條件是"耳道式"、"有線控"，最後發現了這款，算是比想像中還好。

耳道式、有線控(Apple原廠晶片)、有夾子、有收納盒、價錢1500有找(幾元...)

耳道式

一樣有附有更換的部份，以及夾子可以把耳機夾在衣服或包包上

線控的部份與apple原廠相同，使用方式也是

線控背後有mic

夾子與線合體

夾子這我覺得很好用，第一在使用線控上得mic講電話，大約夾在領口就可以很清楚的收到，第二就是耳道式耳機是直接掛在耳朵上面(廢話)，線有拉扯時會直接拉到耳朵相當不舒服，如果有夾住雖然難以避免，但是可以緩和不少。

收納盒外觀

收納盒內部

有使用收納盒不僅可以避免耳機收起來後亂七八糟又跟其他東西卡成一團，最重要是我有使用耳機孔的塞子，這樣使用耳機時就可以先把耳機孔塞放在裡面避免遺失，不然這小小又黑的東西一掉還真不知道要找多久。

耳機孔塞

整體用起來真的很方便，尤其在講電話的時候真的很棒，一直放在耳邊真的會發熱不舒服，音質雖然不是很優，不過在外還是多忍忍吧...這坑跳下去就爬不出來了，胃口養大很可怕的。

相關連結
Denon AH-260R完整真相

Android Activity重複開啟

2011-01-12T11:42:00.000+08:00

Activity在android的角色在我看來就像是iOS的ViewController，可以同時控制很多的東西，在iOS中可以透過push、model等方式直接來做切換，Android中可以靠Intent來做，如果今天單純兩個Activity還很容易，反正A切到B就把自己finish掉就好了，反之亦同，但如果多一點頁面想要掌控這就比較麻煩了，A、B同時都開啟C，那C不就重複開兩次，多佔用了記憶體。Intent所擁有的功能相當的多，不過這篇不是專門介紹Intent就不多提。

Intent intent = new Intent();
intent.setClass(ActivityA.this, ActivityB.class); //要從哪一個Activity切換到另一個
intent.setFlags(Intent.FLAG_ACTIVITY_SINGLE_TOP); //如果這Activity是開啟的就不再重複開啟
startActivity(intent); //開啟指定的Activity
finish(); //結束掉這Activity

Android Byte Array to Bitmap rotate & resize 圖片旋轉、縮放

2011-01-11T12:48:00.000+08:00

最近會用上這也是因為在拍照時需要做些處理，拍完原始檔太大要傳好久光想就很麻煩，最後決定將檔案縮小再傳是比較適當點，剛拍完的照片儲存方式為Byte Array，但作些圖像處理時大多需要轉換為Bitmap比較方便。

Byte Array to Bitmap
buteArrayName就是這byte array的名稱

Bitmap bitmap = BitmapFactory.decodeByteArray(byteArrayName, 0, byteArrayName.length);

Bitmap to Byte Array
其中"bitmap"就是Bitmap的變數名稱，90就是這照片的品質

ByteArrayOutputStream out = new ByteArrayOutputStream();
bitmap.compress(Bitmap.CompressFormat.PNG, 90, out);
byte[] array= out.toByteArray();

Rotate

Bitmap bitmap = BitmapFactory.decodeByteArray(data, 0, data.length);
//set rotate
int w = bitmap.getWidth();
int h = bitmap.getHeight();

// Setting post rotate to 90
Matrix mtx = new Matrix();
mtx.postRotate(90);
       
// Rotating Bitmap
Bitmap rotatedBMP = Bitmap.createBitmap(bitmap, 0, 0, w, h, mtx, true);
//BitmapDrawable bmd = new BitmapDrawable(rotatedBMP); //如果要在畫面中顯示才需要

resize


Bitmap bitmap = BitmapFactory.decodeByteArray(data, 0, data.length);
       
//set rotate
int w = bitmap.getWidth();
int h = bitmap.getHeight();
       
//set final size
int destWidth = 480;
int destHeigth = 800;
       
//set scale size
float scaleWidth = ((float) destWidth) / w;
float scaleHeight = ((float) destHeigth) / h;

//set resize
Matrix mtx = new Matrix();
mtx.postScale(scaleWidth, scaleHeight);

// Rotating Bitmap
Bitmap rotatedBMP = Bitmap.createBitmap(bitmap, 0, 0, w, h, mtx, true);
//BitmapDrawable bmd = new BitmapDrawable(rotatedBMP); //如果要在畫面中顯示才需要

Android String字串處理

2011-01-10T12:22:00.000+08:00

記得之前寫過一篇"Object C - String"，會寫這些很簡單就是因為我大腦記不住，反正知道去哪找就好，超小的腦容量要記住這麼多東西真是有點困難。

這邊就紀錄一下常用的合併、切割、型態轉換、搜尋、替換、找出位置...等

合併

/* 合併 */
String cht = "一二三四五六七八九十";
        String num = "1234567890";
        String append = cht+num;
        System.out.println("append = "+append);
        //一二三四五六七八九十1234567890

切割

/* 切割字串 */
String eng = "abcdefghijklmnopqrstuvwxyz";
        String[] array = eng.split("k");
        for(int i = 0 ; i < array.length ; i ++){            System.out.println("array["+i+"] = "+array[i]);        }        //array[0] = abcdefghij        //array[1] = lmnopqrstuvwxyz

型態轉換

/* 轉換型態 */
        String num = "1234567890";
//string轉int
        int number = Integer.valueOf(num); //string to int
        int aaa = 9999999;
//int轉string
        String fromInt = String.valueOf(aaa);
        System.out.println("fromInt = "+fromInt+" || number = "+number);
        //fromInt = 9999999 || number = 1234567890

搜尋字串(從0開始算)

/* 搜尋字串 */
String eng = "abcdefghijklmnopqrstuvwxyz";
        int searchLoc = eng.indexOf("i");
        System.out.println("i = "+searchLoc);
        //i = 8
 
        searchLoc = eng.indexOf("xy");
        System.out.println("xy = "+searchLoc);
        //xy = 23
 
        searchLoc = eng.indexOf("isken");
        System.out.println("isken = "+searchLoc);
        //isken = -1(找不到)

搜尋字元(從0開始算)

/* 搜尋字元 */
String cht = "一二三四五六七八九十";
String num = "1234567890";
        char c = cht.charAt(2);
        System.out.println("cht third char = "+c);
        //cht third char = 三
        
        c = eng.charAt(1);
        System.out.println("eng second char = "+c);
        //eng second char = b

取得字串指定位置(從0開始算)

/* 取得字串指定位置 */
String num = "1234567890";
        String subTest = num.substring(1, 4);
        System.out.println("subTest = "+subTest);
        //subTest = 234

字串長度

/* 字串長度 */
        System.out.println("cht length = "+cht.length());
        //cht length = 10

替換字串

/* 替換字串 */
//替換全部
        String replaceTest = "abcabcabc";
        String replaced = replaceTest.replaceAll("abc", "123");
        System.out.println("replaceAll = "+replaced);
        //replaceAll = 123123123
        
//替換最先找到那個
        replaced = replaceTest.replaceFirst("abc", "123");
        System.out.println("replaceFirst = "+replaced);
        //replaceFirst = 123abcabc

格式化字串

/* 格式化字串 */
        String formatTest = "%02d";//定義為兩位不足兩位則補"0"
        for(int i = 5; i < 15; i++){         System.out.println("format = "+String.format(formatTest, i));        }        //format = 05        //format = 06        //...        //format = 13        //format = 14

清除空白字串(清除前後所有的空白，但是字串與字串間空格不會被清除)

/* 清除字串空格 */
        String trimTest1 = "abc                        ";
        String trimTest2 = "                  abc";
        String trimTest3 = "        abc        ";
        String trimTest4 = "abc   abc";
        String trimTest5 = "  d             abc";
        System.out.println("trimTest1 = "+trimTest1.trim());
        System.out.println("trimTest2 = "+trimTest2.trim());
        System.out.println("trimTest3 = "+trimTest3.trim());
        System.out.println("trimTest4 = "+trimTest4.trim());
        System.out.println("trimTest5 = "+trimTest5.trim());
        //trimTest1 = abc
        //trimTest2 = abc
        //trimTest3 = abc
        //trimTest4 = abc   abc
        //trimTest5 = d             abc

字串比對

/* 字串比對 */
String cht = "一二三四五六七八九十";
        String num = "1234567890";
        String equalcht = "一二三四五六七八九十";
        System.out.println("cht & equalcht = "+cht.equals(equalcht)+" || cht & eng = "+cht.equals(eng));
        //print cht & equalcht = true || cht & eng = false

字串轉字元

/* 字串轉字元 */
        String cht = "一二三四五六七八九十";
        char c = cht.toCharArray()";
        for(int i = 0; i < c.length; i++){		System.out.print("["+i+"] = "+c[i]);	}

相關連結
Android Developer
Object C - String

Android soft keyboard keyCode 66 called twice軟體鍵盤重複送出ENTER

2011-01-06T11:06:00.000+08:00

前幾篇有介紹到EditText要怎樣來偵測所按下的按鈕"Android EditText Listening soft keyboard"確實可以很正常的運作，那篇內也有寫到如何偵測硬體鍵盤，但就在今天發現了這新問題，在Input的時候所有按鍵都是正常的，但在按下"ENTER"(中文環境下為"完成")居然會重複送出兩次，如果這按鈕沒作啥特別事情還好，但如果是需要送request給server就頭大了，把log印出來看了一下發現重複被執行了兩次，一次是按下，一次是放開，相對於Flash內就是Press&Release，iOS內就是TouchDownInside&TouchUpInside，而Android內則是ACTION_DOWN&ACTION_UP。

用法其實沒啥兩樣，就再多加上一個判斷就好

EditText.setOnKeyListener(new OnKeyListener() {
public boolean onKey(View v, int keyCode, KeyEvent event) {
System.out.println("keyCode = "+keyCode+" || event = "+event);

if(event.getAction()==KeyEvent.ACTION_DOWN){
//按下
return true;

}else{
return true;
//放開
}

//return true = finish || false = track
return false;
}
});

SANYO eneloop KBC-L2BS & D1AS

2011-01-01T23:08:00.000+08:00

自從買了iphone4後常常會覺得電量有點不夠，3g反正有吃到飽，只要在沒wifi的地方幾乎都是直接打開，剛開始推播也都是一直給他開著，但發現這耗電量太可怕了，一下子電量就燒光光，最後就開始找行動電源的東西，發現到智慧型手機在網路連線時取得回應會造成不小得耗電，一直瀏覽網頁、看影片、3dGame一下子電就燒光光，由於行動電源的造型大多為方形，接著一條線至手機，也因此有人開始稱呼為"尿帶"。

就以iphone來說外接電源主要可分為三種類型
1.背蓋、外殼型
優點：一體
缺點：整體重量變重、價格高

2.直接連接dock(30pin)
優點：不用再接傳輸線，需要時再拿出來充
缺點：容量大多不大
例如很有名的The Icon

3.透過另外的線來連接dock(30pin)
優點：容量大
缺點：需要另外準備傳輸線

最後還是決定買第3種，傳輸線平常也可以跟電腦接著用，買了一條伸縮線也有效的解決線很雜亂的問題，原本是購買了D1AS(如下圖)，可以使用兩顆AA(三號)來給iphone充電，但這只能讓電池放電無法給電池充電，查了一下兩顆滿電的eneloop電池大約可以回充50~70%，由於充電電池本來就有不少，這個重量也很輕是個不錯的選擇，但購買後不斷出現問題，充電時必須要在某個角度才可以正常充電，稍微移動到就會造成充電充斷並且不再繼續充電，測試了很久發現問題沒辦法解決，問了賣家給我的答覆是"這只能使用原廠線才可以正常使用"，關於這點是蠻有疑惑的，我換了三條原廠充電線+一條伸縮線都沒辦法正常使用，賣家居然還說我賣這麼多就你有問題，由於無法正常使用就把他退了，不然買個裝飾品來也不知道有啥用。

最後看到了eneloop的另一款L2BS(如下圖)，5000mAh的容量，雙USB 1A輸出，由於ipad充電必需要有1A才可以正常充電，所以L2BS(如下圖)的前一代L2AS是沒辦法正常給予ipad充電，詳細內容可以參考官方的表，L2BS(如下圖)的大約可以供給iphone4兩次的電量，對我來說應該是超級夠了。

相關連結
SANYO 官方網站
eneloop D1AS
eneloop L2BS
D1AS完整真相
L2SB完整真相

Android Timer

2010-12-27T09:48:00.004+08:00

在iOS中timer執行時就是直接new一個Thread來執行，但在Android中似乎有別的方式可以選擇

宣告Timer出來，並給予啟動時間，如下面例子timer.schedule(線程名稱, activity停頓幾秒後開始執行, 每隔幾秒執行一次)，這部份直接放在onCreate內

Timer timer = new Timer(true);
timer.schedule( timerTask, 2000, 3000); //(taskName, wait(ms), repet(ms))
//timer.cancel(); //stop timer

timer.schedule裡面也一樣有相當多的method，如上面所寫的那是不斷去執行直到你自己去關閉，那如果只要執行一次就使用

Timer timer = new Timer(true);
timer.schedule( timerTask, 2000); //(線程名稱, 開始後多久執行(ms))
//timer.cancel(); //stop timer

但這裡面可以用的東西也是太多了，我這只有2k的大腦記不住這麼多，補全給他按下去就對了，慢慢挑慢慢選

開始執行Timer的線程，其實也可以直接寫在todo something這邊，但是在線程中作這些實在有點不保險，常常會有意想不到的收穫，所以在這還是會推薦在handler內來作。這部份直接放在activity內

/* timer task */
TimerTask timerTask = new TimerTask(){  
    public void run() {
        //todo something
        handler.sendEmptyMessage(10);
    }
};

由於用上了handler就必須在activity內再加上要執行的部份，如上面的task內所傳送一個數字過去(就是"10")所以在下方handler內的msg.what所印出來的就是"10"，只要寫下"if(msg.what == 10)"要作啥事情即可，以此類推就可以有更多的變化

private Handler handler = new Handler() {
    @Override
    public void handleMessage(Message msg) {
        //TODO something
        System.out.println("msg = "+msg.what);
        if(msg.what == 10){
            //
        }
    }
};

Android get Device infomation 取得手機裝置資訊

2010-12-27T09:39:00.004+08:00

透過android系統可以很方便的取得Device的相關資訊，能夠取得的資訊真的是相當的完整，就如下面這範例想要取得手機的電信業者名稱(如中華電信這類的，但大多是代號)，這些資訊作族群分析等這些資訊就變的相當重要，一般使用者可以透過"Settings(設定)>About phone(關於手機)"裡面可以查到手機資訊，不過這只能夠得知自己的資訊，如果今天寫app想要作族群用戶分析等，在android這系統上也可以很輕鬆的取得這些資訊。

下面這carrierName就是電信業者的名稱

String carrierName = ((TelephonyManager) getSystemService(Context.TELEPHONY_SERVICE)).getNetworkOperatorName();
System.out.println("carrierName = "+carrierName);

透過"TelephonyManager"還可以取得更多的資訊(如下圖)，補全給他按下去慢慢選就好，真的都要記下來太累了

取得裝置名稱
android.os.Build.DEVICE

在"android.os.Build"這裡面還有很多參數，以我這腦容量超小的狀況下還是使用補全慢慢挑慢慢選就好

或者可以從"android.os"這裡面也有很多資訊可以取得

可以再搭配前幾篇的"Android get sdk version & app version 取得版本資訊"、"Android 取得畫面解析度"來取得所需的資訊，站在廠商的角度真的要感謝google，感謝facebook，讓我們可以取得更完整的用戶資訊來作分析改善，以便找出淺在用戶。

相關連結
Android Developers
Android Developers - TelephonyManager
Android Developers - Build
Android Developers - android.os

Android get sdk version & app version 取得版本資訊

2010-12-27T09:26:00.003+08:00

UI設定在某些狀況下會產生位置錯亂，並不是因為解析度問題，真的是因為版本對於該參數所定義上有修改。

一般來說直接判斷sdk version應該是比較方便，app version可以用在顯示目前app版本的地方，讓使用者知道當前版本。

//sdk verson
String sdkName = Build.VERSION.RELEASE;
String sdkVerson = Build.VERSION.SDK;
System.out.println("sdkName = "+sdkName+" || sdkVersion = "+sdkVerson);
//sdkName = 2.1-update_1 || sdkVersion = 7
        

//app verson
try {
    String versionName = getPackageManager().getPackageInfo(getPackageName(), 0).versionName;
    int versionCode = getPackageManager().getPackageInfo(getPackageName(), 0).versionCode;
    System.out.println("name = "+versionName+" || code = "+versionCode);
} catch (NameNotFoundException e) {
    //Handle exception
}

Android 取得畫面解析度

2010-12-23T13:52:00.004+08:00

取得畫面解析後才方便修改UI的比例來作調整，修改UI大小的方式在前一篇"Android setWidth setHeight 設定UI寬高"當中有提到，就可以配合著取得畫面解析度來作調整。

screenWidth就是螢幕的寬，screenHeight就是螢幕的高，所call的getScreenScaleType就是取得畫面比例

Display display = ((WindowManager) getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay();
int screenWidth = display.getWidth();
int screenHeight = display.getHeight();
String scapeType = getScreenScaleType(screenWidth, screenHeight);
System.out.println("scapeType = "+scapeType);

//getScreenScaleType
public String getScreenScaleType(int width, int height){
String scaleType = "unknow";
float scale = (float) 0.0;
boolean landspace = false;

if(width > height){
landspace = true;
}else{
landspace = false;
}

if(landspace == true){
scale = (float)width/(float)height;
}else{
scale = (float)height/(float)width;
}
//  System.out.println("width = "+width+" || height = "+height+" || scaleType = "+scaleType);

if(scale >= 1.76 && scale <= 1.8){    //WVGA800 or WQVGA432    if(landspace == true && width == 432){     scaleType = "WQVGA432landspace";    }else if(landspace == true && width == 854){     scaleType = "WQVGA854landspace";    }else if(landspace == false && height == 432){     scaleType = "WQVGA432";    }else if(landspace == false && height == 854){     scaleType = "WQVGA854";    }else{     scaleType = "5:8";    }   }else if(scale >= 1.66 && scale <= 1.78){    //WVGA800 or QWVGA400    if(landspace == true && width == 400){     scaleType = "QWVGA400landspace";    }else if(landspace == true && width == 800){     scaleType = "WVGA800landspace";    }else if(landspace == false && height == 400){     scaleType = "QWVGA400";    }else if(landspace == false && height == 400){     scaleType = "WVGA800";    }else{     scaleType = "3:5";    }       }else if(scale == 1.5){    //HVGA    if(landspace == true && width == 480){     scaleType = "HVGAlandspace";    }else if(landspace == false && height == 480){     scaleType = "HVGA";    }else{     scaleType = "2:3";    }   }else if(scale >= 1.3 && scale <= 1.4){    //QVGA    if(landspace == true && width == 320){     scaleType = "QVGAlandspace";    }else if(landspace == false && height == 480){     scaleType = "QVGA";    }else{     scaleType = "3:4";    }   }      System.out.println("width = "+width+" || height = "+height+" || scaleType = "+scaleType);   return scaleType;  }

不過在解析度這部份還是有個地方不太了解，由於我也沒有手機可以來作實測沒辦法了解到詳細狀況，目前在emulator裡面看到的狀況如下
HVGA =>320*480(width*height) || 實測取得為 320*480(width*height)
QVGA =>240*320(width*height) || 實測取得為 320*427(width*height)
WQVGA400 =>240*400(width*height) || 實測取得為 320*533(width*height)
WQVGA432 =>240*432(width*height) || 實測取得為 320*480(width*height)
WVGA800 =>480*800(width*height) || 實測取得為 320*533(width*height)
WVGA854 =>480*854(width*height) || 實測取得為 320*569(width*height)

紅色的部份為實測時發現不同的部份，不過目前也沒有這麼多的device來確認究竟是哪邊的問題，好消息是如果真的都與實測相同那解析度在寬的部份都是相同的(皆為320)，歸類起來高也只有4種(427, 480, 533, 569)，在device上面目前只有看到320*427(HTC Wildfire)、320*480(HTC hero)、320*533(HTC Desire)是比較確定的，其他的...除非有人願意借我測看看吧。

相關連結
Android Developers
Android Developers - Activity
Android setWidth setHeight 設定UI寬高

Android setWidth setHeight 設定UI寬高

2010-12-22T13:47:00.004+08:00

Android的裝置上解析度真的太多了，尤其在2.1以前跟2.2以後的margin定義方式也不同，所以在runtime狀況下能動態的改變layout是個最好的方式，但是在weight裡面有個屬性為"setWidth"、"setHeight"實際上設定下去weight卻不一定會跟著改變，只要有個地方發生問題就會整個掛掉，小則畫面變黑一下子，重責直接重開機。可以配合另一篇"Android 取得畫面解析度"來作更完善的調整。

現在就以一個按鈕為例，在xml中設定寬高方式如下
其中"wrap_content"就是照你按鈕內容改變大小，"fill_parent"就是直接佈滿，當然也可以直接以"100px"(100像素)這種方式直接給予固定的大小

    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

在runtime中要給予大小，就以上面那button為例，在Activity中的onCreate內加上下面這段

Button myButton = (Button)findViewById(R.id.button);
LinearLayout.LayoutParams params =  new LinearLayout.LayoutParams(100, 100);
myButton.setLayoutParams(params);

直接給予他一個layout的方式來修改就可以順利改變，或者可以採用下面這種方式(兩種效果相同)

Button myButton = (Button)findViewById(R.id.button);
myButton.getLayoutParams().width=150;
myButton.getLayoutParams().height=150;

Android check internet connection 檢查網路連線狀態

2010-12-20T10:59:00.005+08:00

之前有一篇是寫到iphone檢查網路連線狀態，現在很多的app都會需要用上網路，所以檢查是否能夠連線就變成相當重要的部份。

首先需要在"AndroidManifest.xml"這個建立專案時就產生出來的檔案內加上下面這兩行，第一行為讓app可以順利的使用網路存取資料，第二行為開放檢查網路狀態

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

詳細位置可以參考下圖

接著在class內加上這function

//check internet connetion
 public boolean checkInternetConnection(){
  ConnectivityManager cm=(ConnectivityManager) this.getSystemService(Context.CONNECTIVITY_SERVICE);
  NetworkInfo ni=cm.getActiveNetworkInfo();
  if(ni!=null && ni.isConnected()){
//   System.out.println("ni.isConnected() = "+ni.isConnected());
   return ni.isConnected();
  }else{
//   System.out.println("ni.isConnected() = "+ni.isConnected());
   return false;
  }
 }

可以參考下圖，就把這function放在Activity內即可

最後需要檢查網路狀態就使用下列方式即可，回應為true就是有連線，false為沒連線

if(checkInternetConnection()){
        //TODO something
}

可參考圖片

相關連結
Android Developers
Android Developers - NetworkInfo

征服烏來 - 單車公路賽

2010-12-19T15:11:00.003+08:00

上次在烏來偶然遇到這活動的承辦單位的人介紹了這活動，雖然說上週末開始中感冒到現在都沒完全好，但是之前說好要來參加還是乖乖的來，以前大多是騎到烏來老街吃吃喝喝曾經有走過一次環山路，不過當時不知道他可以接回台9甲(下山的路)，所以就原路折返回去，今天才知道原來另一條路(往福山)這麼漂亮。

環山路上的瀑布公園(上次所走的路線)

今天早上真的好冷，整個腳冷到都沒啥力氣，說實在的在騎完後才開始有暖身完的感覺，不過今天主角是溫泉，所以騎多遠不重要！反正是開車來，泡完溫泉也不怕又滿身汗。

看到這種景色真的讓人想到南投

149末段

騎完後看到溫泉券有點傻眼，當下嚴重眼殘的只看到日月光溫泉，用iphone查了一下發現距離我當時所在位置還有5公里，有點無言的就找了附近的溫泉店去泡，不過也只花了100元

整體來說還是很感謝告訴我這活動的這小姐，讓我知道騎到烏來不要老是吃吃喝喝，然後買一堆小米酒回家，後面還有這樣的美景！

相關連結
「征服烏來」單車公路賽 - 官網
征服烏來單車公路賽相簿

Android Dialog in thread 線程中放Dialog

2010-12-10T10:42:00.003+08:00

Dialog放在線程(thread)中會直接掛掉，造成程式沒辦法順利運行，這部份就沒有特別去研究過到底是啥原因，反正有解決方案就好了。線程這東西在這些行動裝置當中我真的覺得超重要，能夠好好的掌握就可以讓程式跑起來更加順暢，中間不會有任何的停頓造成使用上得感覺不好，UI這種東西按下去沒有給個回饋是很恐怖的，如果使用者發現沒有反應連續多點幾下後果可不刊設想。

一般使用線程(Thread)只要將需要用線程處理的地方放在todo something這邊就可以了

new Thread() { 
@Override
public void run() { 
//TODO something
} 
}.start();

使用Thread必須把Dialog放在handler中也就是下面這code的todo something內，印出來的"msg.what"就是所傳送過來的參數，可以利用這參數作變化。

private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
//TODO something
System.out.println("msg = "+msg.what);

}
};

若為UI相關必須使用以下方式


runOnUiThread(new Runnable(){
	public void run() {
	//TODO something
}});

呼叫handler

//傳送"0"過去 msg.what這變數就會印出"0"
handler.sendEmptyMessage(0);

就可以利用這方是來呼叫Dialog出來用，至於Dialog的使用方法可以參考"Android Dialog"

相關連結
Android Developers
Android Developers - Dialog
Android Developers - Thread
Android Developers - Handler
Loading... - Android Dialog

iOS - PNG Animation 圖片動畫

2010-12-05T18:40:00.003+08:00

用圖片串成動畫有點類似翻頁書方式

可直接在viewDidLoad當中加入

//new 一個ImageView來播放動畫，大小與ViewController相同
 UIImageView *animationImageView = [[UIImageView alloc] initWithFrame:self.view.frame];
 
 //把所有的圖片依照順序都丟進這陣列中
 animationImageView.animationImages = [NSArray arrayWithObjects:    
         [UIImage imageNamed:@"CM1.png"],
         [UIImage imageNamed:@"CM2.png"],
         [UIImage imageNamed:@"CM3.png"],
         [UIImage imageNamed:@"CM4.png"],
         [UIImage imageNamed:@"CM5.png"],
         [UIImage imageNamed:@"CM6.png"],
         [UIImage imageNamed:@"CM7.png"],
         [UIImage imageNamed:@"CM8.png"],
         [UIImage imageNamed:@"CM9.png"], nil];

 //動畫全部的播放時間 單位：秒
 animationImageView.animationDuration = 9.42;
 //總共要播放幾次，0 = 播放無限循環
 animationImageView.animationRepeatCount = 2;
 //開始播放動畫
 [animationImageView startAnimating];
 //把ImageView丟進ViewController的View中
 [self.view addSubview:animationImageView];
 //由於addSubView會自動將retainCoint加1，所以釋放一個ImageView
 [animationImageView release];

iOS screen capture & UIImagePickerController 快速擷取螢幕&取得相片圖檔

2010-12-02T23:37:00.008+08:00

一般來說在iOS系列產品只要同時按下Home+Power即可把螢幕快速擷取，擷取下來的圖片就會存在"相片"中(語言設定為英文即顯示"Photos")，是個相當好用的功能，但在程式中該如何快速擷取呢？以下就來講解一下

Download Example

首先來講擷取部份，先在.h檔內import
#import <QuartzCore/QuartzCore.h>

再來到.m檔內設定一個按鈕來做擷取的動作，在此直接在viewDidLoad直接建立按鈕，當然也可以用IB等其他方式來做

UIButton *myButton = [[UIButton alloc] initWithFrame:CGRectMake(10, 410, 140, 40)];
 [myButton setBackgroundColor:[UIColor blackColor]];
 [myButton setTitle:@"screen capture" forState:UIControlStateNormal];
 [myButton addTarget:self action:@selector(capture) forControlEvents:UIControlEventTouchUpInside];
 [self.view addSubview:myButton];
 [myButton release];

接著把"capture"這個function也建立出來

-(IBAction) capture{
 UIGraphicsBeginImageContext(self.view.bounds.size);
    [self.view.layer renderInContext:UIGraphicsGetCurrentContext()];
    UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    UIImageWriteToSavedPhotosAlbum(viewImage, nil, nil, nil);
 //NSLog(@"viewImage = %@",viewImage);
}

到這可以build看看是否可以順利Run，按下按鈕會自動把畫面儲存至"相片"內，重點來了，可是這樣很麻煩，還要關掉app跑去"相片"看，為了懶總是要把這問題解決

目前作法是，畫面中一張圖兩個按鈕，一個按鈕擷取螢幕，另一個連結至"相片"，並且相片選取後可以丟到畫面中的圖片位置，先把剛剛的.h檔改為

#import <UIKit/UIKit.h>
#import <QuartzCore/QuartzCore.h>

@interface screenCaptureViewController : UIViewController {
 UIImagePickerController *imagePicker;
 UIImageView *imageView;
}

@property (nonatomic, retain) UIImagePickerController *imagePicker;

@end

再來到.m檔部份，首先在@implementation與@end中間加入這行，將UIImagePickerController用property來管理記憶體

@synthesize imagePicker;

接著在viewDidLoad內加入

//set image
 imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 320, 400)];
 [imageView setBackgroundColor:[UIColor blackColor]];
 [self.view addSubview:imageView];
 
 //set screen capture button
 UIButton *myButton = [[UIButton alloc] initWithFrame:CGRectMake(10, 410, 140, 40)];
 [myButton setBackgroundColor:[UIColor blackColor]];
 [myButton setTitle:@"screen capture" forState:UIControlStateNormal];
 [myButton addTarget:self action:@selector(capture) forControlEvents:UIControlEventTouchUpInside];
 [self.view addSubview:myButton];
 [myButton release];
 
 //set choose photo button
 UIButton *myButton2 = [[UIButton alloc] initWithFrame:CGRectMake(170, 410, 140, 40)];
 [myButton2 setBackgroundColor:[UIColor blackColor]];
 [myButton2 setTitle:@"choose photo" forState:UIControlStateNormal];
 [myButton2 addTarget:self action:@selector(gallery) forControlEvents:UIControlEventTouchUpInside];
 [self.view addSubview:myButton2];
 [myButton2 release];
 
 //set image picker
 imagePicker = [[UIImagePickerController alloc] init];
 imagePicker.delegate = self;
 imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
 
 
 [self.view setBackgroundColor:[UIColor whiteColor]];

然後在@implementation與@end中間加入這兩個function&delegate

-(IBAction) capture{
 UIGraphicsBeginImageContext(self.view.bounds.size);
    [self.view.layer renderInContext:UIGraphicsGetCurrentContext()];
    UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    UIImageWriteToSavedPhotosAlbum(viewImage, nil, nil, nil);
 //NSLog(@"viewImage = %@",viewImage);
}

-(IBAction) gallery{
 [self presentModalViewController:self.imagePicker animated:YES];
}

- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingImage:(UIImage *)img editingInfo:(NSDictionary *)editInfo {
 imageView.image = img;
 [[picker parentViewController] dismissModalViewControllerAnimated:YES];
}

最後請記得在dealloc把imageView給釋放掉

- (void)dealloc {
 [imageView release];
    [super dealloc];
}

完成後build起來畫面應該是如下，可以按下screen capture來擷取畫面...不過我懶得寫個alert來提示

點下choose photo

點入相簿內

選取所擷取的畫面就會切回來並且把上面黑色那塊換掉

多用幾次就會變成這樣

Download Example

相關連結
iOS Developer Library
iOS Developer Library - UIImagePickerController Class Reference

Android Dialog

2010-11-30T15:18:00.004+08:00

dialog可以說是超常用也超好用，其實官網就有很完整的範例，但是在custom dialog部份有點讓人看不懂(至少我是...)

xml的部份我想就不必多說，跟官網一樣也可以，new出來的部份就有點不同

Dialog dialog = new Dialog(AAAAA.this);
dialog.setContentView(R.layout.dialog_login);
dialog.setTitle("測試一下");

AAAAA的部份就是class的名稱
title就看使用時自己訂，當然也可以從strings.xml取得
內容就直接從xml去繪製，而按鈕、所有東西要使用也是跟一般一樣要先跟R.java做好連結

相關連結
Android Developers
Android Developers Creating Dialogs

Android Resources strings

2010-11-30T14:27:00.006+08:00

建立Android專案時就會自動產生strings.xml(位置於專案/res/values/strings.xml)，這簡單來說就是把文字部份拉出來整理，需要做多國語言時相當的重要，就算不是要作多國語言建議還是用一下，不然哪天為了找一個字串還要找半天，而且裡面不只可以放單一字串，字串的陣列也可以。

單放字串
<string name="app_name">我是懶人</string>

app_name就是這字串的帶稱想要使用時在一般xml檔就如下列用法

<TextView
 android:id="@+id/text"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="@string/app_name">
</TextView>

但總是會遇上需要在.java內要用上的時候，以上方那個TextView為例
text.setText(getString(R.string.app_name));

字串陣列在strings.xml檔內

<string-array name="myArray">
        <item>11111</item>
        <item>22222</item>
        <item>33333</item>
</string-array>


<!-- 也可以直接抓取string內容來用 -->
<string name="red">Red</string>
    <string name="orange">Orange</string>
    <string name="yellow">Yellow</string>
    <string name="green">Green</string>
    <string name="blue">Blue</string>
    <string name="black">Black</string>

    <string-array name="colorArray">  
        <item>@string/red</item>
        <item>@string/orange</item>
        <item>@string/yellow</item>
        <item>@string/green</item>
        <item>@string/blue</item>
        <item>@string/indigo</item>
        <item>@string/violet</item>
    </string-array>

取得陣列

Resources res = getResources();
String[] array = res.getStringArray(R.array.myArray);

//直接寫在一起
String array[] = getResources().getStringArray(R.array.colorArray);

Android SharedPreferences

2010-11-30T13:39:00.006+08:00

簡單來說就是儲存些變數在app內部，如同iOS可以存在app內的plist一樣，plist可以存array、dictionary、integer、boolean、number、string......等，目前沒多去試android這是否也這麼齊全，但至少可以用key/value的方式來存一般來說也夠了，真的要多存點東西就可以考慮用sqlite

儲存

SharedPreferences myPreferences = getSharedPreferences("myPreferences", MODE_PRIVATE);
SharedPreferences.Editor e = myPreferences.edit();
e.putInt("myInteger", 1000000);
e.commit();

e.putInt這邊可以自己選擇型態，懶一點跟我一樣就補全再上下選擇要用的就好

讀取

SharedPreferences myPreferences = getSharedPreferences("myPreferences", MODE_PRIVATE);
int i = myPreferences.getInt("myInteger", 0);

myPreferences.getInt("myInteger", 0);
getInt("變數名稱", 預設變數);

相關連結
Android Developers
Android Developers SharedPreferences
Android Developers SharedPreferences.Editor

Android Activity 切換傳參數

2010-11-26T10:33:00.006+08:00

Activity在參數間互傳應該也算是個相當常用上的功能
兩個Activity就像傳球一樣一個丟另一個接
由於我腦容量比較小還是來紀錄一下...以防忘記

現在狀況是ActivityA切換到ActivityB
然後丟一個參數過去

ActivityA找個要切換的地方寫上

Intent intent = new Intent();
intent.setClass(this, ActivityB.class);
Bundle bundle = new Bundle();
bundle.putInt("KEY_A", 1);
intent.putExtras(bundle);
startActivity(intent);

注意：
1. intent.setClass(this, ActivityB.class);，這中間的this如果不是直接寫在Avtivity下面那層會出現錯誤，只需要更正為

intent.setClass(ActivityA.this, ActivityB.class);

這個this在objectC中就像是self，但是又不大相同，常常會用上，但是要小心

2. bundle.putInt("KEY_A", 1);，bundle中可以依照需求增加更多參數，不限制Integer一種型態，就算是String、boolean、......各種型態都可以，自動補全按下去慢慢挑就好(如下圖)

裡面的("KEY_A", 1)就是常用的key/value，objectC中就是NSDictionary

ActivityB這端來接

Bundle bundle = this.getIntent().getExtras();
int key = bundle.getInt("KEY_A");
//System.out.println("key = "+key);

注意：
1. int key = bundle.getInt("KEY_A");這邊就依照key名稱去對應所得到的value，getInt也需要依照類型的不同更改為getString等的方式去更改型態，等號前面的型態也記得要與等號後方相同

--
前面的部份是單純傳過去，那如果Activity傳過去後在ActivityB執行過程中還需要切回ActivityA，或者兩邊可能要同步作一些動作就需要再加上一點東西

ActivityA原來上面那段稍作修正

Intent intent = new Intent();
intent.setClass(this, ActivityB.class);
Bundle bundle = new Bundle();
bundle.putInt("KEY_A", 1);
intent.putExtras(bundle);
//startActivity(intent);  //修改這行
startActivityForResult(intent, 0);

ActivityA再內加上

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    //TODO something
    //System.out.println("requestCode = "+requestCode+" || resultCode = "+resultCode+" || data = "+data);
    int keyB = data.getExtras().getInt("KEY_B");
    //System.out.println("keyB = "+keyB);
}

其中data就是你所回傳的intent，從其中取出bundle所帶的值即可

ActivityB需要執行回傳的地方加上這段

Bundle bundle = new Bundle();
bundle.putInt("KEY_B", 1);
setResult(RESULT_OK, (new Intent()).putExtras(bundle));

由於跟上面一樣就不再多加敘述

當然還可以用更多的方式來傳參數，這只是其中的一個解決方案。

相關連結
Android Developers
Android Developers - Activity class

Android EditText Listening soft keyboard

2010-11-17T10:54:00.005+08:00

EditText是個基礎元件，基本預設按下去就會彈出鍵盤來讓你輸入內容，算是相當人性化，在部份情況下可能只要需要使用"EditText.getText()"來取出文字判斷就好，但在需要即時(如鍵盤按下瞬間就進行判斷)就需要用上其他方式

Listening soft keyboard 檢查軟體鍵盤(就是畫面彈出那個)

EditText.addTextChangedListener(new TextWatcher(){

@Override
public void afterTextChanged(Editable s) {
// TODO Auto-generated method stub
System.out.println("afterTextChanged || 按下後");
}

@Override
public void beforeTextChanged(CharSequence s, int start, int count,
int after) {
// TODO Auto-generated method stub
System.out.println("beforeTextChanged || 按下前");
}

@Override
public void onTextChanged(CharSequence s, int start, int before,
int count) {
// TODO Auto-generated method stub
System.out.println("onTextChanged || 按下中");
}
});

但是光這樣還是有些鍵是檢查不到的 EX:ENTER(keyCode = 66)、BACKSPACE(keyCode = 67)，必須再搭配下面這方式，下面這方是也可以偵測到外接鍵盤(可能對tablet比較常用)

EditText.setOnKeyListener(new OnKeyListener() {
public boolean onKey(View v, int keyCode, KeyEvent event) {
System.out.println("keyCode = "+keyCode);
//return true = finish || false = track
return false;
}
});

如果只是要得到硬體鍵盤、按鍵，可以使用下面這方式

/* hardware keyboard */
@Override
public boolean onKeyDown(int keyCode, KeyEvent event){
    //todo something
    System.out.println("keyCode = "+keyCode+" || keyEvent = "+event);
    
    //ex: ENTER
    if(keyCode == KeyEvent.KEYCODE_ENTER){
        //press ENTER
    }

    return super.onKeyDown(keyCode, event);
}

那如果都是使用外接鍵盤覺得內建鍵盤很礙眼就是要把他隱藏起來

//先宣告
InputMethodManager inputManager = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);

//隱藏起來 soft keyboard
inputManager.hideSoftInputFromWindow(editText.getWindowToken(), 0);

//叫出鍵盤 soft keyboard
inputManager.showSoftInput(editText, InputMethodManager.SHOW_IMPLICIT);

iOS 檢查網路狀態

2010-11-14T13:42:00.005+08:00

有需要連線至網路的app如果沒了網路就跟死魚一樣(如facebook for iphone)
所以沒網路時一定要告訴使用者你現在沒連網路

Download Code

使用方式
step1.把檔案抓進專案中

step2.加入 SystemConfiguration.framework

step3.在.h檔內import

#import "CheckNetwork.h"

step4.在.m檔中使用

CheckNetwork *checkNetwork = [[CheckNetwork alloc] init];
// YES = connect / NO = death
NSLog(@"connectedToNetwork = %d", [checkNetwork check]);
[checkNetwork release];

其實在官方也有個Sample Code也是同樣的功能
不過...小弟我不才看不太懂(明明就是懶...)

-
相關連結
iOS Developer Library
iOS Developer Library - System Configuration Reference
Download Code

iOS 影音媒體播放

2010-11-14T12:36:00.005+08:00

一般在使用內建的mediaplay感覺很麻煩
我是個懶人，看到很多code就會想睡
所以就乾脆獨立出個檔案來作比較方便

主要內容如下
1. 播放時全螢幕，調整為適合畫面比例
2. 當device旋轉時影片也會自動跟著轉
3. 只要把URL(string)丟進去就會開始執行了

Download Code

用法一樣很簡單
step1. 把檔案抓進專案中

step2. import MPMediaplayer framework

step3. 在.h將IskenMediaPlayer import進去

#import "IskenMediaPlayer.h"

step4. 在.m檔內使用

IskenMediaPlayer *player = [[IskenMediaPlayer alloc] init];
[player setMediaURL:@"http://XXXXXXXXXXXXX"];
[self presentModalViewController:player animated:YES];

iOS - 檢查Email格式 check email format for Objc

2010-11-14T11:36:00.006+08:00

前幾天稍微找了一下(真的是一下...只點開兩個連結看...)檢查email格式的東西好像沒有針對objc的
反正剛好要用上就順手寫了一下
稍微看過email標準格式後就開始動工
其實也只算是寫個大概...簡單判別一下而已
沒有作email驗證的email address大概90%都是亂寫的吧(至少我自己就是這樣)

大致上判斷以下這些部份
1. 簡單判斷內容是否有特殊字元
2. 是否有手癢多輸入了幾次 @
3. 是否有手癢多輸入幾個 .
4. 結尾有沒有加.com、net、tw...等

Download code

使用方式
1. 先在.h把檔案import進來

#import "CheckEmailFormat.h"

2. 把物件new出來並且判斷
只要把check:後面加入要判斷的email address即可
會回覆你YES/NO
如果是NO會自動彈出一個警告告訴user錯誤

CheckEmailFormat *checkEmail = [[CheckEmailFormat alloc] init];
//retuen 1 = ok || 0 = error
NSLog(@"This Email address is %d",  [checkEmail check:@"abc@11111111111111.com"]);
[checkEmail release];

參考資料
iOS Developer Library
iOS Developer Library - NSString Class Reference

Download code

iOS dial a phone call 在app內撥電話

2010-11-05T15:39:00.005+08:00

iOS上面並沒有直接呼叫撥號功能的方式，必須透過UIWebView來進行(iOS 3.1後，iOS 3.1前是使用UIApplication)，也就是用URL的方式進行撥號，根據官方文件“Mail Links”、“Phone Links”、“Text Links”、“Map Links”、“YouTube Links”、“iTunes Links”等的東西都可以透過url來呼叫，以下就先介紹撥號。

撥號的URL格式為："tel:1234567890"
如果需要加上#字號 ex:"tel:1234567890#123"，請將"#"換為"p" ex:"tel:1234567890p123"
需要二次撥號加上"," ex:"tel:1234567890,123"

NSURL *phoneNumber = [[NSURL alloc] initWithString:[NSString stringWithFormat:@"tel:123456789"]];
if ( [[UIApplication sharedApplication] canOpenURL: phoneNumber] ){
  //get iOS version
  NSString *osVersion = [[UIDevice currentDevice] systemVersion];
  //NSLog(@"iOS version = %@",osVersion);
  
  if ([osVersion floatValue] >= 3.1) {
   NSLog(@"iOS version is after 3.1, version = %@",osVersion);
   UIWebView *webview = [[UIWebView alloc] initWithFrame:[UIScreen mainScreen].applicationFrame];
   webview.alpha = 0.0;
   NSLog(@"phoneNumber = %@",phoneNumber);
   [webview loadRequest:[NSURLRequest requestWithURL:phoneNumber]];
   
   // Assume we are in a view controller and have access to self.view
   [self.view addSubview:webview];
   [webview release];
   
  }
  else {
   // On 3.0 and below, dial as usual
   NSLog(@"iOS version is below 3.1, version = %@",osVersion);
   [[UIApplication sharedApplication] openURL: phoneNumber];
  }
 }else{
  //can not get phone call
  UIAlertView* alert = [[UIAlertView alloc] initWithTitle: @"系統訊息"
              message: @"無法順利撥號" 
                delegate: nil 
             cancelButtonTitle: @"確認"
             otherButtonTitles: nil];
  [alert show];
  [alert release];
 }

撥號成功
系統會自動產生是否確定撥號的訊息

撥號失敗
我們自己寫的警告無法順利撥號

參考連結
iOS Reference Library
iOS Reference Library - Apple URL Scheme Reference

iOS -shouldautorotatetointerfaceorientation 自動旋轉畫面

2010-11-04T15:09:00.006+08:00

使用iPhone、iPad、iPod Touch系列產品常常很自然的會把他轉來轉去(如下圖)

圖片來源：http://www.sopods.com/images/apps/FullScreenIPhone_rotation_bars.jpg

根據官方文件(Launching your Application in Landscape)使用起來確實超級簡單(此方法使用於iOS 2.1以後版本)

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation{
    return (interfaceOrientation == UIInterfaceOrientationLandscapeRight);
}

就這樣短短幾行就可以把畫面固定在橫的
Home鍵在右手邊
那如果要轉其他邊或者瘋狂的隨你轉呢

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation{
 NSLog(@"shouldAutorotateToInterfaceOrientation = %d",interfaceOrientation);
 
 if(interfaceOrientation == UIInterfaceOrientationLandscapeRight){
  NSLog(@"RIGHT");
  //return (interfaceOrientation == UIInterfaceOrientationLandscapeRight);
 }
 
 if(interfaceOrientation == UIInterfaceOrientationLandscapeLeft){
  NSLog(@"LEFT");
  //return (interfaceOrientation == UIInterfaceOrientationLandscapeLeft);
 }
 
 if(interfaceOrientation == UIInterfaceOrientationPortrait){
  NSLog(@"Portrait");
  //return (interfaceOrientation == UIInterfaceOrientationPortrait);
 }
 
 if(interfaceOrientation == UIInterfaceOrientationPortraitUpsideDown){
  NSLog(@"PortraitUpsideDown");
  //return (interfaceOrientation == UIInterfaceOrientationPortraitUpsideDown);
 }
 return YES;
}

僅只需要將最後的return設定為YES畫面就會隨著你轉
想要固定在某一邊只需要改成return下面這幾個
上：UIInterfaceOrientationPortraitUpsideDown
下：UIInterfaceOrientationPortrait
左：UIInterfaceOrientationLandscapeLeft
右：UIInterfaceOrientationLandscapeRight

而我在這function內最上面所印出來的log最後面帶的數字就是代表這方向的數字
想要使用只需要將這function加入在.m檔中的@implementation與@end中間
但.h檔必須繼承UIViewController

光是能轉換還是會遇上座標的問題
如果本來所使用都是固定座標就必須把座標系轉換一下(如下圖)

圖片來源：http://blog.sallarp.com/shouldautorotatetointerfaceorientation/

參考連結
iOS Developer Library
iOS Developer Library - UIApplication Class Reference
iOS Developer Library - Technical Note TN2244 Launching your Application in Landscape
http://blog.sallarp.com/shouldautorotatetointerfaceorientation/

iOS addSubview & removeFromSuperview

2010-11-03T15:14:00.004+08:00

view的這概就有點像是
Photoshop的layer
Android的layout
Flash的symbol

app內可不像flash不想要這個symbol就丟進垃圾桶
要用時再直接從library拉出來
(當然全都使用Interface builder是有點類似啦)

要使用code來丟入場景中所使用的就是"addSubview"
如以下範例

[self.view addSubview:myView];

加入後會自動將myView的retainCount +1
如果原本的view不需要用上請記得釋放掉

那該怎樣知道現在這個View內有多少View
下面這範例會把內容全都println出來

NSLog(@"view = %@", [self.view subviews]);

知道有多少後該怎樣移除也是個重點
以下這就是將你指定的view移除

[myView removeFromSuperview];

那假設view中的按鈕很多看起來很礙眼想要一次移除

for(UIView *subview in [self.tabBarController.view subviews]) {
  if([subview isKindOfClass:[UIButton class]]) {
   NSLog(@"remove UIButton");
   [subview removeFromSuperview];
  } else {
   // Do nothing - not a UIButton or subclass instance
  }
}

isKindOdClass顧名思義就是找出跟他相同class的東西

參考資料
iOS Developer Library
iOS - UIView Class Reference
iOS - UIViewController Class Reference

Android - arrayAdapter refresh row

2010-11-02T23:59:00.004+08:00

如果在固定大小的情況下還是建議使用BaseAdapter
但在大小未知的狀況下還是使用arrayAdapter比較適當
arrayAdapter有著四大常用的功能add(新增一筆到最後)、insert(新增一筆到指定位置)、remove(刪除最後一筆)、clear(全部清除)
但是每次新增的時候如果沒有讓getView作reDraw的動作並不會出現
或許新增的時候並不在畫面中沒有感覺
但新增或刪除在畫面中沒反應會造成使用上的困擾
廢話好像有點多...

如果只是想要做一般的reDraw
也就是將整個arrayAdapter刷新只需要使用下面這行即可
用了這個會全部重新繪製(也就是會跳回最開頭)

ListView.setAdapter(arrayAdapter);

如果想要保留在畫面中但是又更新請使用下面這兩行
用NotifyChange的方式告訴arrayAdapter資料更新

arrayAdapter.notifyDataSetChanged();
arrayAdapter.setNotifyOnChange(true);

此方法不僅在一般的ListView可以使用
在自動完成(AutoCompleteTextView)也一樣可以使用
做出類似google搜尋輸入時的建議搜尋

標題為啥要用英文定...因為我也不知道該怎樣比較適當的翻譯成中文一一

參考資料
Android Developer
Android - ArrayAdapter
Android - ListView

Android - Button in ListView

2010-11-02T23:15:00.006+08:00

在Android內ListView是個相當常用的東西
相對於iOS來說也就是TableView
在iphone上面用tableView或Android的ListView上面加個按鈕都是相當容易的事
但是加了按鈕後該如何取得按鈕的事件(按下、放開、點兩下、長按、拖曳....等)在Android上面卻成了問題
當按鈕與ListView同時出現時只能夠偵測到按鈕的事件
而原本所使用的interfave或OnItemClickListener來偵測按鈕事件卻會失效

如下圖就是兩個同時存在的狀況(ListView & checkBox)

如果沒有解決辦法我也不會來po這篇XD
在Listview的interface內getView加上下面這行(以圖中這範例為例，使用checkBox)

checkBox.setFocusable(false);

但是光這樣設定還是會造成checkBox跟背景沒辦法融合
也就是點按鈕是按鈕，ListView的row是不同的地方
只要加上以下這行，把checkBox設定為不可按就搞定了

checkBox.setClickable(false);

在Android內的ListView、GridView與ListView內容都必須靠Adapter來作管理(iOS為NSArray或NSMutableArray)
只需要宣告上作修改就可以用另一種方式作呈現

參考資料
Android Developer
Android - ArrayAdapter
Android - ListView
Android - GridView

台灣自行車節-挑戰200K

2010-10-23T17:16:00.003+08:00

已經好久沒有騎這麼長途，總覺得會報名這種只有兩種人-1.瘋子、2.不知道狀況被騙來，我就是那瘋子，可惜騙不到人跟我一起來XD，在出發前三週還摔車，整整休息一週後免強開始練車，這兩週的時間假日就是150km+平日55km，每天下班稍微吃點東西就是衝出去騎車，55km就大約是兩小時的時間，回家還可以稍微休息一下，運氣也很好的規劃出發前一天晚上休息，這兩週也是那天晚上才開始下雨，其實大約才一週的時間體力就調整回很好的狀態，加上新買的車褲實在太強勁了，長途騎乘屁屁完全不會痛，但是出發前還是警惕自己"計畫趕不上變化"當天會有多少突發狀況會導致連騎完都是個問題。

出發當天早上下著小雨，不禁開始擔心當天會在雨中渡過，還好雨在過花蓮後就停了，但沿途有在注意風向就開始有點怕到，看花草被風吹到有點變形就知道明天去程應該會騎得很辛苦，反程如果太晚風向改變....就繼續痛苦XD。由於我搭的是專車，車子可以值接上臺鐵(完全不用拆)，人坐再別的車廂內，看到一堆人還沒出發就穿著車衣車褲的殺氣騰騰，今天行程應該只有搭火車，穿著車衣車褲有比較厲害嗎？這點就是愛吧，原本沒查過原來花蓮有停，可以讓你下車買點吃的，那時也差不多中午，根本也不知道可以下車買就乖乖的跟主辦單位一起訂便當，NT90，cp值好像有點低，可惜這停靠時間還是有限，沒辦法讓我衝下車去買點麻薯當作明天騎車的點心。

到了知本後出車站根本還稿不清楚方位就傻傻的跟著大家騎，大概知道方向後....我前方就沒人了一一，一路騎到明天出發點"溫泉國小"作場勘，稍作查看後開始找尋訂的旅館，剛看到旅館老闆有點嚇到，滿嘴檳榔牙齒也掉一堆，講話口音也頗有台灣味，但其實人還不錯，做完check in後太無聊就騎去台東市區晃了一下，吃點晚餐，換了手把帶，買了隔天的早餐就回旅館看電視，那滿口檳榔的老闆還請了我一顆耶子，不過在這讓我很痛苦...房間再大沒有好的洗澡品質也是很討厭。隔天五點開賽，沒好好的睡覺就等著瘋狂抽筋吧，還好出發前跟媽媽拿了半顆安眠藥，讓我順利的在9點左右就順利入睡。

隔天早上四點半起床昏昏沉沉的吃著昨天買的早餐，不過似乎買的有點多，還帶了一條麵包路上吃，四點多，天都還暗，而我住的地方距離出發點大約500公尺，但大約有300公尺的上坡，還在路上被一隻忽然衝出來的黑狗嚇到摔車，在到會場前沒看到半個人，到會場後人山人海...一堆人早等在出發點，還看到了標哥也出現在會場，站在會場的最內看著旁邊還一堆人，但已經過5點了，照理來說應該是已經出發才對，最後跑到出發大門一看人早已早光....問了一下工做人員「早就出發了阿」幹...我怎麼都不知道，馬上開始衝，起初遇上一個騎登山車的人有點對不起他，說好跟他輪車但衝的有點太快，才過大約10公里就看他很喘的跑進便利商店，大約在20公里左右前方已經看不太到人，大約6點開始天也開始亮起來，快到50公里左右騎到有點想睡，還好遇上一位君悅車隊的人陪我聊天....不然應該會睡著，在大約50公里有大會的休息區，提供了大量的香蕉與餐包，那香蕉的量真的很恐怖，說是個小山丘真的不為過，往後每50公里都有這樣的休息站，都有一座小山...

由於算是長途平常也沒騎這麼遠，路上為了紓解守的壓力開始練習放雙手騎，慢慢的放開>>上半身開始拉筋>>拿起背後的麵包出來吃>>一手麵包一手飲料，我想接下來應該挑戰炒飯，進一步便當，最後希望能進步到吃牛肉麵....我會努力往這一步邁進的!!轉入193時開始有點小雨，也在旁邊看到兩道彩虹，聽說晚一點到的雨勢超大，很幸運的準備了雨衣但都沒用上。

在大約180公里時忽然全身沒力，有種要虛脫的感覺，看了手錶發現原來12點了....八成是肚子餓，馬上找了間便利商店吃了一碗泡麵，這泡麵真是美味阿！！肚子餓食物果然很棒，但還有20公里...結束後可以大吃特吃，速速的吃完後果然體力也回來了，最後的20公里均速應該有30以上，整個像活過來一樣，比想像中的早了不少到達，而且到達後還沒有很累，火車要到2130才發車，還有8小時該怎樣渡過，問了工作人員一下附近有啥好玩的，答案都是「我不是在地人」「那個好像哪邊還不賴」，最後跑去附近的海邊晃了一下，開始了覓食的行程，跑去附近的7-11吃了一堆東西，大概是兩個便當兩罐飲料加甜點這大概平常一天的量吧....才沒多久就吃光，時間還早又跑去車站、知本附近逛了逛，只能說這邊還真小...沒兩下就真的不知道該去哪，最後只好又跑去7-11吃東西...

在吃得過程中遇上了一位一起從松山發車的潘大哥，就這樣喇賽到發車前，在上火車找到座位的那瞬間外面開始下起傾盆大雨，這雨真的大到很誇張，真的要說有多誇張的話...在隔一兩天就是蘇花坍方，也就是持續一兩星期新聞不斷播放的那個，真的想當得幸運，出發前的練習時間都沒遇上下雨，順利的完賽，直到搭上火車才開始傾盆大雨，回到松山後凌晨3點多，也只有些許的毛毛雨，也希望天災所造成的傷害能在時間的流逝中慢慢撫平，花東這大自然的鬼斧神工也能夠繼續的保存下去，讓這美景分享給更多人。

相關連結
相簿：知本玉里200k
NeverStop官網

iOS HTTP Request - POST

2010-09-28T18:02:00.005+08:00

這東西不管是作網站或者網路服務都超給他重要的

/****************************************************************************************/
//會員與新會員統計
//宣告一個 NSMutableURLRequest 並給予一個記憶體空間
NSMutableURLRequest *request = [[NSMutableURLRequest alloc] init];
//宣告一個 NSURL 並給予記憶體空間、連線位置
NSURL *connection = [[NSURL alloc] initWithString:@"http://XXX.XXX.XXX.XX/XXXXXXX.php"];
//宣告要post的值
NSString *httpBodyString=[NSString stringWithFormat:@"XXX=%@&XXX=%@&XXX=%@", YYY, YYY, YYY];
//NSLog(@"httpBodyString = %@",httpBodyString);
//設定連線位置
[request setURL:connection];
//設定連線方式
[request setHTTPMethod:@"POST"];
//將編碼改為UTF8
[request setHTTPBody:[httpBodyString dataUsingEncoding:NSUTF8StringEncoding]];

//轉換為NSData傳送
NSData *data = [NSURLConnection sendSynchronousRequest:request returningResponse:nil error:nil];
//看request出來的值
NSLog(@"%@",[[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding]);
/****************************************************************************************/

NSURL *connection = [[NSURL alloc] initWithString:@"http://XXX.XXX.XXX.XX/XXXXXXX.php"];
再這裡用php作代表
但會因為使用的server語言而變 ex.asp、aspx、php、jsp.......等
XXXXX的部份就是你的url

NSString *httpBodyString=[NSString stringWithFormat:@"XXX=%@&XXX=%@&XXX=%@", YYY, YYY, YYY];
XXX所代表就是在server端要接收的變數名稱
YYY就是要丟進去的值
記得每一筆都要給他用&分開

相關連結
iOS Library
iOS Library - NSMutableURLRequest Class Reference
iOS Library - NSURL Class Reference
iOS Library - NSData Class Reference
iOS Library - NSString Class Reference

Object C - String

2010-09-28T17:15:00.004+08:00

真的用太多了...不過用了很多還是記不住XD
腦容量大概2k吧我....

============== 字串搜尋 ================
比對字串內容 - string2 去比對 string1內容

NSString *string1 = @"我是個大笨蛋";
NSString *string2 = @"笨蛋";
NSRange range = [string1 rangeOfString:string2];

//print出來
NSLog(@"位置：%d || 字串相同長度：%d", range.location, range.length);

NSRange range = [字串 rangeOfString:字串];
range.location 為所在位置
range.length 為字串相同長度

由以上的code可以得到一長串的句子中哪幾個字是你要的
是從哪一個字元開始，長度為何

※如果一串字中有好幾個重複的字 ex:我是個超級大笨蛋笨蛋笨蛋
他只會找到地一個笨蛋

============== 字串比對 ================
比對兩個字串是否相同

NSString *myString = @"我是個大笨蛋";
NSString *string1 = @"無敵大笨蛋";
NSString *string2 = @"我是個大笨蛋";

//結果為false / NO
if( [myString isEqualToString:string1 ] )

//結果為true / YES
if( [myString isEqualToString:string2 ] )

[字串 isEqual:字串] or [字串 isEqualToString:字串]
在比對字串時上面兩個用法都可以用
用法詳細區別請去看官方library...

============== 抽取字串 ================
從字串開頭開始擷取到指定位置
很抽象對吧...由範例比較好懂


NSString *string1 = @"我是個笨蛋";
NSString *string2 = [string1 substringToIndex:2];

//print "我是"
NSLog(@"string2:%@",string2);

[字串 substringToIndex:數字];
由上面這範例可以清楚了解到所print出來就是從字串頭開始算你要幾個字

--
當然也可以從想要的地方開始找

NSString *string1 = @"我是個笨蛋";
NSString *string2 = [string1 substringFromIndex:3];

//print "笨蛋"
NSLog(@"string2:%@",string2);

[字串 substringFromIndex:數字];
從某一個字開始找字串

--
任意取出字串中想要的部份

NSString *string1 = @"我是個笨蛋";
NSString *string2 = [string1 substringWithRange:NSMakeRange(1, 4)];

//print 是個笨蛋
NSLog(@"string2:%@",string2);

[字串 substringWithRange:NSMakeRange(起始點(數字), 終點(數字))];
就可以直接取得想要的部份

相關連結
iOS Library
iOS Library - NSString Class Reference

iOS UIPickerView tutorial - IB

2010-09-19T11:11:00.011+08:00

UIPickerView究竟是啥(請見下圖)

這是個在iphone內相當常見的一個功能
還可以切成好幾個欄位來作選取滾動
操作上是相當好用的
但是該如何切入使用呢？

首先開啟Interface Builder隨便拉一個UIPickerView

接著來看看有哪些屬性
先點下Inspector

就會出現這畫面，告訴你這個UIPickerView內有哪些東西可以來設定

但是光這樣拉UIPickerView compile後也是看不到任何內容
記得要把delegate還有dataSource連結上File's Owner
以及在.h檔內加上IBOutlet

#import 

/*
UIPickerViewDelegate, UIPickerViewDataSource
上面這行是最重要的東西，也就是所謂的Delegate
一定要加入
*/
@interface UIPickerViewViewController : UIViewController  {
        //這兩行是讓Interface Builder裡面拖拉的物件連結在一起
 IBOutlet UIPickerView *myPicker;
 IBOutlet UILabel *myLabel;

        //等一下要丟入的內容的陣列
        NSMutableArray *myArray;
}

//這兩行是用property方式管理記憶體
@property (nonatomic, retain) IBOutlet UIPickerView *myPicker;
@property (nonatomic, retain) IBOutlet UILabel *myLabel;

@end

存檔後繼續開啟Interface Builder再來玩一下連連看
File's Owner上面點下右鍵連到picker

File's Owner上面點下右鍵連到label

如果你動作都跟我長得一樣現在在File's Owner上面應該會長這個樣

接著就是把內容丟入picker啦
開啟.m檔直接把這些貼進去

#import "UIPickerViewViewController.h"

@implementation UIPickerViewViewController

//有使用property請記得這邊也要相對應
@synthesize myPicker, myLabel;

- (void)viewDidLoad {
    [super viewDidLoad];
 
 //給這個陣列一個記憶體位置
 myArray = [[NSMutableArray alloc] init];
 //一次塞100行進去看起來比較厲害
 for(int i = 0; i < 100; i++){
  //[陣列名稱 新增一個內容:內容(這邊給他一個字串)];
  [myArray addObject:[NSString stringWithFormat:@"這是第 %d 行",i+1]];
 }
 
}

/*************************************************************/
//當前所選擇為哪一項
-(void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component{
 //把選擇到的丟入 myLabel中顯示出來
 myLabel.text = [myArray objectAtIndex:row];
}

//設定滾輪總共有己欄
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)thePickerView {
 return 1;
}

//設定滾輪總共有幾個項目
- (NSInteger)pickerView:(UIPickerView *)thePickerView numberOfRowsInComponent:(NSInteger)component {
 return [myArray count];
}

//設定滾輪每一個行位內容為啥
- (NSString *)pickerView:(UIPickerView *)thePickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component {
 return [myArray objectAtIndex:row];
}

/*************************************************************/


- (void)didReceiveMemoryWarning {
 // Releases the view if it doesn't have a superview.
    [super didReceiveMemoryWarning];
 
 // Release any cached data, images, etc that aren't in use.
}

- (void)viewDidUnload {
 // Release any retained subviews of the main view.
 // e.g. self.myOutlet = nil;
}


- (void)dealloc {
    //記得記憶體要把他給釋放掉(必須在[super dealloc]前)
    [myPicker release];
    [myLabel release];
    [super dealloc];
}

@end

完成後的demo影片

下次再來介紹如何使用code直接在.m檔內實做UIPickerView以及UIDatePicker

相關連結
iOS UIPickerView Class Reference
Download this example

Google Analytics for Picasaweb

2010-09-13T21:56:00.006+08:00

從很早很早以前就對picasa不能紀錄每張照片瀏覽次數很度爛
明明就是個很簡單的功能(有了也是很兩光)
最近google對於他自家的軟體整合性有大幅度的提昇

就拿自次主題的picasaweb來說好了
以前要再google earth上面能夠看到有座標的照片一定要去申請Panoramio
不然你Picasaweb標滿了座標在google earth上面也看不到
現在每張照片點開後右下角(如下圖)就有選項了

回到主題
前幾天不小心發現到現在有這功能"使用「Google Analytics (分析)」追蹤相片的觀賞次數"
不知道Google Analytics究竟是啥鬼？請看先前介紹
接著又到step by step啦
step 1：開啟你的picasaweb點選右上角的設定>>相片設定

step2：勾選"相片追蹤：「Google Analytics (分析)」可為您追蹤相片的瀏覽人數。"
此時候面會出現一個框要你輸入號碼，先別鳥他

step3：開設Google Analytics
進入自己的google帳戶內找出他

step4：建立新帳戶(新增一個追蹤服務)

step5：跟著他所要求慢慢輸入
重點！！ "網站網址："這邊要填入"http://picasaweb.google.com"

step6：完成後在"報表"欄位上會看到一串英文用力把他複製起來

step7：回到picasaweb這邊把剛剛複製的貼上

step8：慢慢等待
照官方說法要24小時...不過實際上似乎不用這麼久
反正隔一天應該就可以好了...如果沒有好表示...你步驟有錯

相關連結
此設定Google教學
Google Analytics介紹

周春明 - 計程車的一片天

2010-09-09T00:58:00.002+08:00

今天去聽了他本人的演講
演講內容確實蠻感人的，有種感染力
面對這種環境下依然可以順利的生存確實很強勁
聽完後大致上花了一兩分鐘思考整理
1.差異化經營 - 再競爭激烈的環境中要如何脫引而出這個很大的關鍵，能夠搶到先機持續下去肯定會有相對的成效，想要達成差異化我認為最快的途徑就是跨領域，結合不同領域的專長創造出新的應用，就以這角度來看，大學畢業後一定要走相同領域的路嗎？我真的覺得未必，未來肯定是要絕對的專業與跨領域的人交互合作，就看每個人如何去定義自己。

2.時時刻刻保持危機感 - 當你還沈靜在成功的喜悅同時會造成更多的盲點，而這些盲點也將會是致命傷，時時刻刻警惕著自己，不能忘記原點，更不要怕面對未來。

3.以顧客為中心 - 服務頁來說應該沒有比這更重要，簡單來說就是以人為中心，將心比心，幫顧客想到更多，能想到別人沒想到的部份就是成功的關鍵，就像設計一樣，創意存在於生活中，看到別人呼略掉的部份，將其加以包裝。

4.隨時保持觀察、聆聽 - 外在環境每分每秒都在變，關心身邊週遭的事，關心別人的事，關心世界的事，蝴蝶效應就是這樣來的，地球就這麼大，誰知道國外發生了一件事情會跟你沒有關係？

老實講看到演講過程中一堆人拼命抄ppt上面的嘉言美句，然後再把他倒背如流...又怎樣？說誰不會？能夠將其實踐你就不是作在台下聽的那位，就算站在台上也要保持危機感，時刻的充實自己，學無止盡。回家問父母「有沒有需要幫忙的？」還不如用雙眼去觀察，用雙手去實踐。每一天都當作是自己的最後一天，精彩的去實現，一個人很厲害沒有用，要能讓所有人都跟你一樣厲害才有用。

MAC將隨身碟/硬碟代替光碟

2010-09-07T20:11:00.006+08:00

抱歉這標題真的想不到啥好詞，總之重點就是常常我們有映像檔在安裝軟體時一定要燒成光碟，如安裝系統，如果在沒有其他台電腦可以直接作轉移的時候少了光碟還真是不知道該怎麼辦(當然還是有方法啦...但現在當作不知道)，空白光碟片也是要錢，複寫片更是不便宜，只是為了久久一次的系統還原或幫別人裝(好人服務)實在有點浪費。

Step1:準備的就是個隨身碟(要用外接硬碟也都ok，只要能塞下光碟的容量)，然後插入電腦中

Step2:打開磁碟工具程式(應用程式/工具程式/磁碟工具程式.app)
或者可以從finder/前往/工具程式/磁碟工具程式.app
再懶一點可以在finder按下"shift+command+U"就可以開啟工具程式，再找到磁碟工具程式即可

step3:找出親愛的隨身碟，點選回覆
在"來源"將準備好的光碟映像檔托移上去
在"目標"將親愛的隨身碟拖移上去

Step4:按下回覆
系統會問你是否要清除上面的內容，要省下一片空白光碟的錢，當然要！

Step5:輸入密碼，系統要確定你不是壞人想亂洗資料(我掰的)

Step6:準備零食飲料+電影...漫長的等候時光是不可以隨意浪費的！

Step7:完成
完成後會跳出這種畫面，就像你剛放入光碟進系統的自動執行一樣

桌面上則會出現光碟(如果有開啟顯示的話)

如果你也按照步驟到這邊恭喜你已經成功省下一片空白光碟，這用法不僅限於mac，要製作windows上得光碟一樣可以用，光碟在哪讀都一樣。

MAC軟體介紹

2010-09-03T23:38:00.007+08:00

由於台灣蘋果的偉大舉動讓蘋果在台市佔率大幅提昇
個人使用Mac OS系統也好一段日子在此就將常用軟體分享一下

==================== 3D ====================
工業畫圖、空間、建築
Alias(要錢)
工業繪圖用，不過我對他不熟，使用上與pc有哪邊不同也不知道XD

Google SketchUp / Google SketchUp pro(要錢)
這不用多說大家應該都知道，快速構成空間很好用

Rhino(beta)
pc版的要錢，mac版目前還在beta，只要去官方申請就會給你下載連結

VectorWorks(要錢)
畫空間用的，不過我也跟他不熟XD

動畫
Alice(要錢)
跨平台，抓完後就沒啥用，跟他不熟

blender
open source、跨平台，但是我跟他不熟

Cinema 4D(要錢)
使用起來跟pc版差不多

daz(要錢)
基本上抓完後就沒啥用，不熟

MAYA
使用上跟pc版差不多
不過真的要深入玩他也堅持再mac上面...強烈建議換mac pro

ZBrush
只有使用過幾次，由於沒使用過pc版不知道差別在哪

Autodesk 3ds max
聽說快要出mac版了，好用歸好用但是舊版本bug幾乎都不鳥他，每年小改就推一個新版，沒錯！就是要錢
不過上有政策下有對策

================= 多媒體、繪圖類 =================
Adobe(要錢)
Photoshop、illustrator、Flash、Flash Builder(Flex)、Dreamweaver、InDesign、Premiere、After Effect、#@$@#%
基本上都有支援mac，沒記錯也是從mac起家的，使用上與pc幾乎是沒差，不過iOS不愛Flash

Autodesk sketchbook pro(要錢)
支援繪圖板，強力推薦的東西，想要手繪或直接用手稿作點小筆記的話真的會愛上他
pc也有，甚至還有iOS版本

Freemind
記憶管理軟體，基本上不太常用，主要畫些樹狀圖來作資料整理

Picasa
google的照片管理軟體，超好用，可惜iphoto+aperture幾乎是用不上他...

MindNode
跟freemind很像

calico(要錢)
接照片用，可以把照片接起來就像NEX上面的功能

CaptureMe
畫面擷取、錄影(無聲音)，相當好用，不過在mac上面可以按下"shift+command+3"(直接拍下螢幕) or "shift+command+4"(自訂範圍截圖)來使用，但這套好處在可以定住大小直接拍，使用上相當直覺

ScreenFlow(要錢)
畫面錄影(還有聲音)、camera錄影，超級無敵給他好用，錄畫面、視訊畫面、電腦內的聲音、麥克風聲音，相當齊全好用使用上也很直覺，上youtube去查可以發現很多教學都用這錄的

Jubler
製作外掛字幕檔，不過有作過就知道....對時間軸真的很累....

audacity
音樂編輯，open source跨平台，不過介面我不愛

還有些免費的小軟體有人有需要再問吧...懶得打
蒙太奇、向量、小畫家等

==================== 轉檔軟體 ====================
影片、音樂轉檔
PEnGUIn_Encoder
小企鵝，轉mp4，可批次轉，拿來轉給ipod/iphone看相當便利，轉檔速度快，簡單來說就是大推

Evom
轉mp4，專門拿來轉給ipod/iphone用的，懶人用，不過有了小企鵝後沒啥開過

HandBrake
轉avi、mkv，還可以外掛字幕進來一起轉，無敵給他好用

MPEG_Streamclip
轉mpg、avi、@$%@#$@簡單來說就是可以轉很多格式，相當簡單好用

QuickTime
其實他就是超強的影片剪輯、轉檔軟體

Switch
轉音樂用

==================== 播放器 ====================
iTunes
mac內建，聽音樂還蠻好用的，不過最主要是ipod、iphone、ipad都綁在上面XD，跨平台

mplayer
看rm時候覺得是最好用的，檔案也小，速度快，外掛字幕會有問題，跨平台

vlc
功能最強大，能播放的檔最多，在字幕上的支援很完整，缺點是全螢幕時候有兩個螢幕以上的話，除了播放中的螢幕外其他都會變成黑畫面(要你專心看影片XD)，跨平台

QuickTime
10.6後介面變得比較漂亮，老實說還蠻愛用的，但可播放的格式有限，跨平台

Plex
拿來當htpc時候很好用，操作完全只靠remote或鍵盤，播放rm頓頓的，跨平台
其實在mac內按下"command+esc"也有個播放功能...還可以看1080的電影預告片，使用remote或鍵盤操控

KKBOX
跟pc版沒兩樣，每個月付費就對了，iOS一樣可以用喔

==================== 寫程式 ====================
Xcode
iOS就是要靠他，還可以寫java、c、javascript等，功能強勁

Interface Builder
xcode4後將會被整合在一起，主要是拉介面用的，還有連結id

iphone Simulator
iphone模擬器，由於開發者帳號到現在還沒申請下來，都還在上面測試，不過想要確定Memory Leak排除的話...還是建議在Device上面測試

Processing
跨平台，和pc上面使用完全一樣，不過mac已經把java包起來了，所以在部份library開發上可以省下不少事(但也會遇上其他的鳥問題)

eclipse
跨平台的東西，基本上跟pc沒啥兩樣，要寫Android應該就會乖乖來找他

Smultron(Fraise 新版改名)
小草莓！！很簡單的文字編輯器，可是功能也很強大，但是他沒辦法幫你compile，logo也越改越詭異，輕巧好用

==================== 系統 ====================
ccc
超強勁的系統備份、轉移軟體，操作簡單好用

Data Rescue(要錢)
資料救援，當硬碟要掛點就靠他救資料了

MacTelnet
把終端機的telnet內容包起來

NameChanger
一次轉換大量檔名，相當實用

RAM Disk Utility
顧名思義RAM Disk軟體，使用上相當簡單，PTT MAC版版主寫的，pro版要錢

SimpleRAR
製作RAR檔軟體

VirtualBox
系統模擬，Sun公司出的，免費使用，相當常改版，有越來越強勁的趨勢

chmox
讓你看chm檔(電子書)

CleanMyMac(要錢)
幫你砍掉系統一些沒用的檔案，畫說的一次使用的時候砍了7G吧，很強勁

Toast(要錢)
燒錄光碟軟體，介面也是強勁簡單，藍光也可以用，不過MAC沒有藍光光碟機.....(心酸)

================== 系統外掛 ===================

Growl
畫面中提示，像是Notify的方式來提醒，支援還不少軟體

Filp4MAC WMV(完整要錢)
M$寫給MAC相容他自家檔案的外掛，有些網路電視類東西要有這才可以看

Perian
瑞士刀，影音解碼軟體，支援大多數的影音編碼，像windows中的暴風影音那種東西

NTFS-3G(新款要錢)
在mac上也可以讀寫NTFS這M$的格式

==================== 網路 ====================
Chicken VNC
免費的vnc軟體，簡單好用

CrossFTP
FTP client算是在MAC上面FXP的解決方案，跨平台

Cyberduck
FTP client黃色小鴨，速度慢，不過介面就跟mac系統一樣直覺好用

DropBox
這應該不用多說，超給他好用

iGetter
像是pc的flashGet軟體

MySQL Query，MySQL Administrator
Sun公司出的MySQL管理軟體

Nally
超好用的BBS軟體，作者目前還在當兵，因為iOS版本降價+亂碼被幹到不行

PureFTP
FTP server

Remote Desktop Connention
M$出的給MAC來遠端到M$

SiteSucker
吸塵器，可以幫你一次把網站整個抓下來，就給他一個網址就好

TeamViewer
跨平台遠端軟體，還可以突破沒ip的問題

Transsmit(要錢)
超給他好用又快，但是不便宜，但是強推！

TVUPlayer
可以看國外電視頻道，在看些國際賽事很好用

Zenmap
跨平台軟體，但大概只有在當網管類的才比較會用上

================= 辦公室軟體 =================
M$ office(要錢)
跟windows版功能一樣，介面follow mac，剛開始使用應該會不大習慣，不過有iWork我也沒開過XD

omniGraffle professional(要錢)
超好用的流程圖軟體，簡單來說有圖有真相，那他就是真相的工具了

==================== 瀏覽器 ====================
Chrome
google出的，一樣是跨平台，超好用，畫面簡潔

FireFox
跨平台，外掛多，不過沒啥再用...不是我的愛

Safari
apple出的，不過常常會發生出錯當掉....主力還是chrome

================== Apple 軟體 ==================
iLife(要錢)
強勁好用，iPhoto、GarageBand、iMovie、iWeb都相當好用，除了iWeb外都還蠻常用的

iWork(要錢)
Pages(相當於Word)、keynote(相當於powerpoint)、Number(相當於Excel)，pages、keynote都相較於office好用相當多，尤其是keynote，用過他後就沒開過powerpoint，number...是真的想較於Excel遜色

Aperture(要錢)
強勁的照片管理軟體，要調整RAW檔也很好用

Logic Pro(要錢)
音樂編輯軟體，相當強勁

Shake(要錢)
特效軟體，超級給他強勁

Final Cut(要錢)
影片剪輯軟體，強勁到爆炸

Remote Desktop(要錢)
MAC的遠端軟體，走的port為3283、5900，超級強勁

apple系列全都要錢...沒錯

================== Bootcamp ==================
Parallels(要錢)
目前出到6，功能相當強勁快速，可與bootcamp結合

VMware(要錢)
這使用的人也很多，跟上面那套大同小異，我也沒特別去研究兩個的特色，可與bootcamp結合

VirtualBox
免費，sun出的，該有的幾乎都有，但似乎沒辦法直接與bootcamp結合(常常更新沒去測試過這部份)

以上三個都是可以"同時"開啟兩個以上的系統，風扇轉快一點，溫度升高一點...就當作不知道吧
bootcamp
已經內建在系統中，同一時間只可以開起一個系統(ex:Windows/Linux/MacOS/...)，但也相對只能開啟一個可以使用全部的效能

==================== 其他 ====================
MacMoney
超好用的記帳軟體，新功能還有網路記帳，一套300露天、Y拍都有賣....好像有廣告嫌疑

Calibre
電子書館裡軟體，如果有在用ipad之類的話相當好用，他可以把pdf之類轉為電子書

以上為小第我使用Mac幾年下來比較常用的軟體
當然還有些小軟體、外掛沒介紹到....但是太多太雜(我承認就是懶...)
以及weiget也有很多好用的如iStat(監測系統狀況)
不過有問題就直接問或mail來都可以
太專業的問題就還是別問我了...我只會超級專業

剛開始使用mac還有裝bootcamp來當作備援....怕使用上會不習慣
但幾年下來bootcamp已經砍掉了....一年開不到幾次
會開pc都是因為網路銀行的鳥問題，但是VirtualBox就可以幫我解決了
網路銀行這問題就不得不提到玉山銀行，支援Safari、chrome
在mac上面也可以歡樂使用
郵局的ipost safari也可以使用
但是要用晶片卡直接轉帳之類的還是要開windows

會愛上mac主要原因是
不管是生活或工作上現在都要仰賴網路、電腦
我不是什麼魔人，整天就是搞些超頻、3d mark等測數字
也沒那種興趣
電腦應該是要來輔助我的生活
讓我生活更加便利
每天掃毒、資料重整動不動就系統死掉重灌
太浪費我的時間

在3d、遊戲上不能不推pc
是個便宜又強勁的方案
但近幾年沒啥玩遊戲
WAR3、WOW、SC2、Diablo我愛的遊戲都有mac版(Blizzard我愛你>\\\\\<)
加上工作上3d的需求很少(跟3d有關大多也只有openGL.....)
少量簡單的3d還能更應付，我不是專業繪圖者

linux也很愛，但是太多工作上會需要的軟體他都沒有
所辦法阿~(攤手)

iOS 連接外部資料庫

2010-08-18T16:29:00.011+08:00

消失了很久很久
這陣子幾乎都在研究objc+iOS
空餘時間也稍微摸了點Android
退伍前一陣子就沒碰程式
加上當兵的11個月大腦退化
再次開始寫也變得比較吃力
比起javascript、actionscript、java拿objc當作個重新開始更是挑戰

真正開始寫大約是8月初
第一週真的感覺室外星語
第二週xcode+一些簡單語法已經可以自在使用
第三週也就是現在...在資料處理上大致已經可以應付
寫了一個app也在測試階段，預計再不久就可以上架

廢話不多說進入主題
找了相當多相關資料只有一個感覺...有看沒有懂
使用MySQL.framework、使用C#的framework
但是小弟不才....完全給他看不懂
後來就想到過去使用flash remote的方式也算是用HTTP request的方式作中介
這樣也是有些優點
一、前後端的人可以同時進行進行作業(ex:工程師、設計師)
二、傳送資料更加單存純，可以減少封包量(也就是傳輸的資料更小)
三、等我想到再補

基於以上這些好處加上我對objc的不熟悉使用HTTP request是最好的方法
HTTP request簡單來說可以分成GET、POST兩種方式
基本上目前兩種都測試過沒問題，先以POST說明

首先從MySQL開始(由於我懶所以直接用phpMyAdmin)
先建立一個table
內容是怎樣自己而定(口語一點就是「你高興就好」)

基於上圖現在我們知道這table有三個欄位，分別為id、name、url
現再我們只要name欄位
使用php來作中介取得資料庫資料

<?php
 $dbhost = "localhost";     //資料庫位置
 $dbname = "test";        //資料庫名稱
 $dbuser = "isken";        //帳戶名稱
 $dbpass = "12345678";            //帳戶密碼
    
    $conn = mysql_connect($dbhost, $dbuser, $dbpass) or die('Error with MySQL connection');
    mysql_select_db($dbname);
    $sql = "select * from userProfile ";  //MySQL語法
    $result = mysql_query($sql) or die('MySQL query error');
    
    while($row = mysql_fetch_array($result)){
        echo $row['name']."||"; //print出來並在每一筆後面加上間隔
     }
?>

print出來的結果如下圖，每一筆的中間都加上" || "作為間隔

測試成功後稍微修改一下為POST所使用
我懶...所以就拿帳號密碼改為post方式

<?php
 $dbhost = "localhost";     //資料庫位置
 $dbname = "test";        //資料庫名稱
 $dbuser = $_POST[username];   //帳戶名稱
 $dbpass = $_POST[password];;  //帳戶密碼

    $conn = mysql_connect($dbhost, $dbuser, $dbpass) or die('Error with MySQL connection');
    mysql_select_db($dbname);
    $sql = "select * from userProfile ";  //MySQL語法
    $result = mysql_query($sql) or die('MySQL query error');
    
    while($row = mysql_fetch_array($result)){
        echo $row['name']."||"; //print出來並在每一筆後面加上間隔
     }
?>

到這邊在http這邊已經完成準備
接著就是objc/cocoa的部份
首先開啟xcode建立新專案，在此建立最基礎"Window-base Application"即可

設定專案名稱，基本上看個人高興，在此以"connMySQL"為名

建立完成後會看到這畫面，到這都不是重點
右上方那空格內為建立此專案同時幫你創立的檔案

首先找到"connMySQLAppDelegate.m"內的這區域，也是所謂的程式進入點

接下來貼上這串code

請複製，我是個懶人，希望大家也跟我一樣XD

//宣告一個 NSMutableURLRequest 並給予一個記憶體空間
NSMutableURLRequest *request = [[NSMutableURLRequest alloc] init];
//宣告一個 NSURL 並給予記憶體空間、連線位置(放於本機localhost，檔案名稱為iphone.php)
NSURL *connection = [[NSURL alloc] initWithString:@"http://localhost/iphone.php"];
 
//宣告一個 string
NSString *string;
//宣告兩個字串分別為帳號、密碼，格式為"php端名稱=給予的內容"
NSString *string1=@"username=isken";
NSString *string2=@"&password=12345678";
 
//將兩個字串合併道地三個字串(其實有點多餘....)
string = [string1 stringByAppendingString:string2];
 
//宣告一個 NSMutableString 並給予記憶體位置，將內容設定為上面的string
NSMutableString *httpBodyString=[[NSMutableString alloc] initWithString:string];
//設定連線位置
[request setURL:connection];
//設定連線方式
[request setHTTPMethod:@"POST"];
//將編碼改為UTF8
[request setHTTPBody:[httpBodyString dataUsingEncoding:NSUTF8StringEncoding]];
//轉換為NSData傳送
NSData *data = [NSURLConnection sendSynchronousRequest:request returningResponse:nil error:nil];
//看print出來的值
NSLog(@"%@",[[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding]);

寫好後當然就準備要run！
但是並沒有將內容呈現再畫面中，而是以print的方式所以先打開"Console"來看priont的結果
打開後就帥氣的點下"Build and Run"

按下後預設的模擬器(iphone Simulator)也會一併被開啟(就是畫面中的iphone)
不過他不是重點...因為寫的東西跟他一點關係都沒有，重點在"Console"內
所顯示的"user1||user2||user3||user4||user5||user7||user6||"就是database內的user欄位
當然還可以依照個人要求去下sql語法

不過這還是有問題...並沒有去把記憶體作釋放
簡單來說只要有給記憶體位置就要去釋放，不然程式多寫一點會常常crash(執行到一半跳出來)
有在".h"file 內宣告過的也必須在dealloc前釋放
看到內容有錯(紅色驚嘆號)、警告(黃色三角)其實要很開心，當你看不到他們還是一直crash才真的想哭

download example

90%退伍

2010-06-04T21:36:00.003+08:00

請輸入我的暱稱

唉唉...這種東西還是加密比較好

國軍online

2009-08-29T21:11:00.002+08:00

登入這詭異的遊戲也快兩個月
新手村也在兩星期前結束
想想進入前大家都說"恭喜喔～成功嶺很精實"、"現在進去正熱喔"
但成功嶺出來後跟我想象中還真是有種差距
真的感受到現在當兵不是比苦...而是比爽
跟同梯在成功嶺比起來我們這連似乎多操了一點點
但講實在話...也沒多操
別的營聽說還看電影配Pizza、肯德雞
就是一個爽字可以形容這新手村

因為我被選為校選預士
現在就直接去化學兵學校受訓
化校就只在桃園八德
回台北也大約兩小時就可以到家
稍微搜尋一下"化校"就是一個爽字可以形容
實際上去也真的是爽
沒意外都是週休二日
下週還可以享受到一生唯一一次的軍人節XD

再幾周後下部隊也只在桃園龍崗
算是運氣還算不錯
雖然沒辦法做憲兵、留在台北
但在桃園也還是很近
更可以繼雲林後更了解台灣另一個縣市

最近越來越少來這寫點文章
一方面是登入國軍online後智商就像被剪的頭髮一樣大幅減少
另一方面是自由的時間大幅減少，想玩點東西也沒時間
不過最大根源應該還是Facebook、plurk
放假大多時間都沉淪在這上面XD
要找我可以直接從這兩個地方比較快

Facebook：http://www.facebook.com/TaiChengHuang
Plurk：http://www.plurk.com/isken

武嶺 - Day1

2009-07-02T17:51:00.004+08:00

這是我在雲林這的最後一項活動
在出發前幾天還聽說有颱風要來攪局
還好最後改變方向活動才能順利進行

前一天下午退租前拍了些照片
看到空蕩蕩的房間才開始真的有種要離開的感覺
這間是在我宿舍正下方的關東煮
是真的蠻好吃的...不過天氣太熱還真的沒吃過幾次

沒想到在這次離開這陪伴我四年的鳥地方還真給他有種感傷
看到這間陪我大約兩年的建築
本來想拍門口的牌子...沒想到相機對焦太慢XD

宿舍區的水塔
也是每次騎車的集合點

出發前團拍

不過這次還真的有點帶賽
才出發沒多久前變的變速線居然掉了...
原本的大盤(50t)瞬間變成墮落盤(30t)
還好在第一個休息點就順利處理完成

再第一個休息點結束後不久發現領騎跟後方產生超大落差
原來...後方發生車禍
帥氣的錦松也因為這樣沒辦法繼續這次的旅程

接著下個休息點就是集集車站

這次在出發前感覺高手一堆
一方面是出發前的練車都沒看到人
另一方面是...每個都看起來殺氣騰騰
唯一不變得是我還是個肉腳XD

集集休息結束後就繼續往水里出發去
由於錦松受傷的關係有些人集集這休息點就不停
沒想到整個超過一小段
後來不小心踩快了一點在水里前順利追上

水里是吃午餐的休息點
這邊一過馬上就要面對一堆坡
也是每次騎每次抽筋的恐怖地
不能吃太多(怕吐)也不能吃太少(無力)
兩難的抉擇下我跑去附近的小店點了雞腿飯
一小隻雞腿(現場微波)+四樣小菜，價錢就姑且不論
四樣小菜有兩樣是酸掉的是想怎樣....
我還問了老闆「這酸掉是特別調味嗎？」
老闆「對阿！這是特別調味」
我呸...

水里消防隊
每年都來這打擾一次，真的相當感恩

再來路上因為一路直上中途就沒拍照
呼吸調得很順
心跳...幾乎是一路炸
轉速應該都維持跟平路一樣
唯一有印象就是一路喊加油

路上還看到一個爸爸後面載一個小孩騎
整個就是帥氣+強勁

看到這張圖就可以知道今天我吃得東西有多鹹
雙手雙腳都是這樣一片白白的

日月潭

住的地方依然是「LOVE HOME」

到了之後馬上開始洗澡、洗衣服
這點真的跟環島時候很像XD
再來就是自由活動時間
開始在水社碼頭附近亂晃

這次少了阿宏、小龜、TCR速度整個沒人拉
加上天氣很熱汗真的噴很快
心跳爆到身體有點不太舒服
後來兩天整個就是慢慢龜

均速：21 km/hr
總里程：約 63 km

更多真相

鹿港端午節

2009-06-01T19:09:00.002+08:00

連續四天的假期因為都快畢業就懶得回家
改成在雲林附近玩
在跟仲均約好後就決定去彰化玩
再查過後發現雲林=>鹿港才不到50公里
就決定...直接騎車衝啦XD

鹿港這也是之前環島第一天的目的地(請參考 Day 1 - 斗六 - 虎尾 - 鹿港)
當時騎了累到快攤均速只有15kph
這次均速28kph
沒想到一年後在進步了這麼多XD

這次走的路線如下

檢視較大的地圖

在路上因為騎太順就懶得停下來
只有在這經典的大樹還是忍不住停下來
實在很像安全帽XD

後來到了仲均家休息一下後就跟他同事一起出來玩
鹿港這聽說每年端午節都節目滿滿
甚至還會整理好一份報紙上面排滿整天到處的活動
整天一共跑了四站
分別是白蘭氏博物館、台灣玻璃博物館、甩尾賽、龍舟

白蘭氏博物館大門

進入後會發這本小簿子
集滿點數可以換一瓶雞精
分別有戶外、室內關卡
以下就簡單介紹其中一個關卡 - 比手畫腳
30秒內猜出答案，題目都是白蘭氏產品的名稱

戶外部份還有這種立牌可以拍照XD
由請我們的超能防護俠!

室內人整個多到炸開
主要有些企業歷史簡介、販賣部、工廠、簡報室

雞精製作介紹

簡報室

其實內部也有些互動的介紹
不過我都忘記拍....而且人太多也不好拍

聽完簡報後也集滿戳章可以換雞精

換到是蜆精，聽說可以保肝...真是太符合我了

接著來到玻璃博物館
在館外旁邊有座廟正在建制中
聽說這骨架搭完後剩下都要用玻璃來填滿支架間的空細
感覺很厲害，就期待他完工吧！

外圍看起來只是個鐵皮屋沒想到內部還蠻帥氣

其實來看過後才知道原來玻璃這麼厲害...
這面牆滿滿的都是各種不同的玻璃種類

還有這種電控霧化/透明

潑墨風格

荷花

還有這超好玩的萬花筒
對面有個洞可以把頭塞進來

萬花筒真相

接著到了甩尾賽的會場
辦在這是因為對面就是甩尾賽出事情比較方面嗎XD

現場滿滿的都是改裝車
由於今天不是決賽，還有開放給民眾座副架來體驗(但是要捐錢)

就直接來看影片吧

更多影片

現場看真的很有快感
不過...燒胎也很可怕
才看沒多久臉上就髒成這樣

秀傳醫院內部真的超漂亮
門診門口不是硬梆梆的椅子...而是沙發

最後到了龍舟會場(其實也就只在甩尾會場旁邊)
整個冷清...划龍舟的沒聲音...主辦單位也沒聲音
旁邊更不用說加油團了...幾乎看不到
小時候看到的龍舟賽呢...真令人懷念
現在只剩下這超安靜的奪標時刻

龍舟會場還是可以聽到甩尾賽的燒胎聲音
感覺上...真的有吸引力多了

結束後吃個飯大約七點多又再次踏上我可愛的penny回斗六
果然相同的路在返程速度一定比較快

去
平均速：27.1kph
平均心跳：165pm
總時間：1hr 45min 26sec

返
平均速：29.3kph
平均心跳：159pm
總時間：1hr 38min 3sec

總計
里程：95.8 km
平均速：28.2
平均心跳：3hr 23min 29sec

更多真相
更多影片

三十六灣>二尖山>漳湖>桶頭

2009-05-24T18:43:00.004+08:00

最近為了要練點體力起來幾乎天天都在騎車
假日就看有沒有團跟
今天就跟了社團的36灣
路程大至上如下
雲科大>梅山(台3)>36灣(162甲)>二尖山>漳湖(149)>桶頭(149甲)>雲科大

原本以為只有四台公路車去
應該可以用正常速度
沒想到出現一台登山車！還是傳說中的sakula！
後來小白也騎著公路車出現
原訂的7點集合時間到了快8點才出發...(￣口￣)a

三十六灣之前常常聽到但一直沒去過
沒想到第一次去是騎腳踏車去
路上也看到超多人也騎著自行車
從梅山市區到36灣再過去一點點的涼亭大約12公里
到了第36灣就大約標高1000公尺
現在體重減回72但騎起來還是累阿
爬坡的均速才大約10...囧

最後的一個灣
底下還放有簽名簿的牌子XD
這邊相當有趣，幾乎每個灣都有像這樣的牌子寫是第幾個灣

等我到了涼亭時穎聰、凱輝聽說已經到了大約5分鐘

涼亭前有不少攤販
烤香腸、愛玉、飲料、燒酒螺......等

前方有牌子寫這邊的標高 - 太平(標高1000公尺)

再往前四公里就可以接到龍眼

過了一下人也幾乎都上來了

最後強勁的sakula也到了！
真的很強勁，爬這種路線一點抱怨都沒有

今天霧真的超濃
這張並沒有想蓋掉啥東西，是真的霧超濃

過了太平市區後不久國偉爆胎
後來一路上每隔一陣子就要停下來打氣...慘

從龍眼開始下雨
雖然不大...可是整台車變超髒阿！
一直過了桶頭才轉晴
不過車已經髒了...

最後還是要說一下新換的外胎
除了剛買第二天爆胎過一次後使用上相當滿意

整體圖

均速：19.7 khp
最高素：60.3 khp
總里程：71.76 km
騎乘時間：3 hr 37min 53 sec
最高心跳：196 (99%)
平均心跳：158 (80%)
消耗卡路里：2841 kcal

全程路線圖

在較大的地圖上查看三十六灣

完整真相

圓剛 Volar M TV

2009-05-23T20:23:00.004+08:00

在很久已前就有買過電視棒(for PC)
但是沒辦法在Mac上用
使用VirtualBox開還不時會當掉
Bootcamp還要重開機...麻煩

以前是有看過不少for Mac的電視棒
但不是太貴就是太醜....
最後找到了這款圓剛 Volar M TV
價格、外觀都在可以接受的範圍
顏色跟小白也蠻配的
然後...然後...不小心就出現在我家
現在就來個開箱

盒子外觀

側面

背面

側面(需求規格)

盒頂

盒底

開盒後
一打開馬上看到些文件、光碟

文件底下是厚厚的海綿

海綿拿起來後就是凌亂的內裝

今天的主角！電視棒本體

背面

側面(古銅色的圓點就是接天線的位置)

前方打開蓋子後

古銅色的接頭

古銅色接頭另一面

轉接頭(古銅色接頭另一面轉接用)
轉接其他天線(如電視天線之類，應該是類似Cable線，但不是接第四台....這沒支援)

轉接頭另一面

天線
平常看數位電視時可增強訊號用(如果沒辦法接戶外天線就不需要轉接頭)

軟體篇

當光碟放進去後就會自動出現這畫面，點選"AverTV.mpkg"

接著按下"繼續"

繼續按下"繼續" ...好繞口..orz

按下"同意"

會預設安裝在"Macintosh HD"

按下安裝後會要求輸入密碼

警告安裝完成後需要重開機

再來就放著給他裝就好

安裝完成

再來就可以正常使用來看數位電視啦

不過光碟內所附得軟體其實是相當舊的...執行上也不是很順
可以去官方下載最新的軟體來裝
最新的軟體也支援了HiHD頻道
安裝過程也不需要重開

相關連結
圓鋼台灣官方網站
圓剛 Volar M TV 官方連結
Apple Bootcamp 官方網站
VirtualBox 官方網站

所有真相

Polar F7

2009-05-16T01:01:00.004+08:00

看心跳表的東西也看很久了
一直拿不定主意該哪時候下手
沒想到這次回台北就...不小心走進了喬山
傳聞中的醫療級心律錶就...

廢話不多說先來個開箱文
看這外盒還算ok，除了上面大大的兩年保貼紙外XD

前方也大大的貼上了自由車協會合作的貼紙

側面有產品的圖片
也就是今天的主角F7 灰色

打開蓋子後馬上看到就是最主要的心律錶

拿起心律錶後底下的裝配就...
很像隨便把東西丟進去
包含了說明書、光碟、心律帶、sensor

心律帶特寫

WEAR LINK+

心律帶上所扣得Sensor

可換電池版本

在心律帶有兩塊這樣網狀的部份
主要就是依靠這兩塊同時接觸到皮膚來偵測

說明書
這點讓我真的感覺有low到...就算F7為F6的改款
換個封面重新裝訂不會花多少錢吧
內容也只有英文、法文版
裡面的圖片...就不想再提了
只有黑白跟中滿點陣的圖

光碟
這也是一點質感都沒有...
內部也是直接把所有產品的說明書燒錄進去
排版差、圖片都是點陣...

心律錶本體

開啟後中間那塊圖片似乎是可以更換的

錶帶上有polar的logo

夜光模式下還算清楚(可惜時間感覺太短)

再訓練模式中如果有開啟夜光
只要把心律錶靠近心綠帶就會自己開啟夜光
這點我覺得相當的不賴！

可愛的FOSSIL...以後運動時就好好的休息吧XD

相關連結
Polar - 台灣
喬山健康科技
F7簡介

スクラップ・ティーチャー～教師再生～

2009-05-02T18:36:00.004+08:00

內容大致上是敘述現在很多教師似乎都忘了最初的熱誠
很多事都是隨意就好
自身之外多一事不如少一事
依照劇情上發展來說一定要有一個傻呼呼的熱血教師出來
沒錯！這部片也有
可是這種人物在現實生活中為啥我就是遇不到
居然還有老師直接說出「現在老師都以行政為主，沒什麼心思放在教學上」
該說中肯嗎...其中帶了很多無奈

劇中還有幾個自以為是的娘泡小鬼
我還真的看不出來哪裡帥
還以他們為中心...甚至可以說是為他們而拍
劇情只算是附加的
平均收視率居然還有11%...應該是加藤愛佔10% 劇情1%
好啦...不好笑

目前還沒看完
但說實話看下去的動力除了加藤愛以外真的沒了
最初也是因為加藤愛才會想要來看

預告片

劇中人物關係圖

劇中的加藤愛>\\\\<

スクラップ・ティーチャー～教師再生～官方網站
教師再生日文WIKI

新外胎！Michelin speedium

2009-05-02T16:46:00.004+08:00

忽然發現...已經快一個月沒來貼文章
話說上個月實在喇賽到一個極限
但還是活著過完了

前幾天回台北兵役抽籤
真的是...嚇死我老人家
就在我前面一個爸爸來代抽
唱名員：「海軍陸戰隊」
這位爸爸整個臉綠，後方等待的人馬上開始鼓掌
本來也想一起拍手鼓掌但仔細想想還是別幸災樂禍
因為下一個就是我...囧
好在最後抽起來是陸軍

回到正題
前一條外胎已經用了4000多公里
想說原廠買車時附的就先加減用
就這樣跟了我一年多
過程中沒有爆過任何一次胎<=這點相當滿意

原本是考慮換Ultra Race
但到了現場居然改買了Michelin Speedium

細看胎紋與材質

裝完隔天馬上去試了一下
抓地力明顯比起原來的好很多
加速時也能夠很快的反應到速度上
爬坡的感覺也不錯

目前是打110psi
測試短途(23km)感覺還不賴
可是...均速還是一點都沒提升...囧
升級零件還不如換一條腿實際點XD

整體來說蠻滿意的
改天再來試長途的感覺

--
Michelin 官方網站
Michelin Speedium

山峰國小

2009-04-14T20:48:00.003+08:00

經過喇賽的一週後總是要休閒一下
不過這集合時間實在很殘忍...早上六點半!
這意謂著最慢六點要起床
不過以過去經驗看來集合時間大約就是買早餐過去吃的時間
等吃完+拉筋完就差不多是出發時間

今天原定目標是二尖山
前一天晚上改為坪頂
當天早上改為山峰國小...

原本是聽說要跟家樂福的玩家單車一起騎
要帶客人
沒想到最後來的人似乎都是車店的XD

早上先在學校水塔集合
大約七點移動到公正派出所與玩家的人會合
不過到的時候只看到台大單車的人
最後與他們合照完他們就先出發
我們的目的地也就在這之後不久更改為山峰國小

山峰國小就從派出所旁邊的149甲直接一路走上去(如下圖)

檢視較大的地圖

由於下午還要做事情
今天本來就是抱著休閒的宗旨來騎
完全就是個歡樂的速度
花了應該快一小時才到

到了以後當然又是開始聊天打屁
而我因為太閒跑去旁邊亂拍
當我在拍這建築物時...多了兩個比例尺XD

在這真的休息了很久...久到全身都冷掉
返程時不知道為甚麼說要去吃麵
不過早上才吃過當時也快10點
一吃下去午餐不知道要幾點才吃
最後就去旁邊便利店買了飲料來呵
在走回麵店的路上看到這車底下有兩隻小貓

山峰國小位置

檢視較大的地圖

完整真相

郭餅乾生日

2009-04-13T16:39:00.002+08:00

就在我準備開啟電影的同時云姿MSN來說「a~你知道今天郭餅乾生日嗎？我們準備去蝌蚪溪慶祝你要不要來？」
老實說會決定在蝌蚪溪還蠻訝異的
通常去華山都直接往更高跑
這間店除了借過一次廁所外...好像真的沒來過
不過無所謂，心意最重要啦

蝌蚪溪森活庭園 - 官方網站

蝌蚪溪外觀

ps.店名叫蝌蚪溪不是因為這邊有一堆蝌蚪...

店內裝潢擺設

進入正題
在點餐的同時開啟了今天的關鍵！桂倫美之日

滿滿的桂倫美可以左攏右抱XD

即使想要忍住笑還是可以看出嘴角上揚

接著繼續點餐
幾個人幾乎把所有鍋都點了
另外還外加泰式椒麻雞、鬆餅、甘梅薯條
可是這間店沒有生菜沙拉阿！

最早上來的是餅乾的南瓜牛奶鍋

再來是雨喬點的泰式椒麻雞

其他人的部份我也忘記為啥都沒拍(￣口￣)a
不過鍋類大概配菜都差不多，只是差別在湯頭

接下來服用的這段時間大家就開始玩起了猜東西的遊戲
找一個人出來先想出隨便一樣東西
其他人在20題範圍內猜出
其實由點像這遊戲
不過這範圍只限於藝人

裡面總共三個人出題分別是郭餅乾、云姿、小喵
答案也分別為薏仁、馬英九、霉菌
被成功猜出來的只有餅乾一個人XD

過了一會兒飲料、甘梅薯條、鬆餅都來了
為何甘梅薯條中間要空格呢...並不是因為薯條很偉大要挪台
請看真相

正如你看到甘梅粉、薯條是完全分開的
而且甘梅粉也不是酸梅粉，而是吃水果時所用的還有加點糖

鬆餅

還有這張！樂的很XD

最後就到了吹蠟燭、拆禮物

話說再這點蠟燭時還發生點小插曲
居然有人在點燃蠟燭後又把他吹熄...我絕對不會說他是剛剛出題答案是馬英九那位XD

拆完禮物後就是輪著合照啦
這邊就挑出兩張經典的...其他就請見完整真相

結束後忽然決定要去夜唱

唉...整個有感覺老了，熬夜覺得好累
這一年大多都1點前睡，到最後心臟居然又開始痛起來一一

全體合照！？

在大家聊天過程中有提到要畢業這事情
就目前看來...距離畢業最近的應該就是我了
但老實講，對於這系還真是一點留戀都沒有
所...倒還是有一點
拿到畢業證書那一刻我得到的會是什麼？光榮？過程？解脫？
就目前看來應該是種解脫
這在寫下去太沈重了...

生日要歡樂一點阿！
餅乾生日快樂！

相關連結
完整真相
蝌蚪溪森活庭園 - 官方網站
好樂迪KTV

processing 基本繪圖 part5

2009-03-31T17:17:00.004+08:00

我已經不想再去思考這課程安排的邏輯了...

class 1
使用鍵盤、滑鼠移動目標時產生殘影
就如同上一篇滑鼠移動的部份再增加鍵盤移動


//class 1
//宣告圖片
PImage img;
//圖片的座標
int imgX = 100;
int imgY = 100;
//一次所移動的量
int imgMove = 10;
//背景顏色設定
int bgColor = 255;

void setup(){
  //設定視窗大小
  size(600, 400);
  //取消外框線
  noStroke();
  //設定圖片是讀取哪一張
  img = loadImage("apple.png");
}

void draw(){
  //畫一個與視窗大小相同的正方形，透明度設定為40
  fill(bgColor, 40);
  rect(0, 0, width, height);
  //畫出圖片
  image(img, imgX, imgY);
  
  //當鍵盤按下w、s、d、a畫面中圖片移動
  if(keyPressed == true && key == 'w' || keyPressed == true && key == 'W'){
    imgY -= imgMove;
  }
  if(keyPressed == true && key == 's' || keyPressed == true && key == 'S'){
    imgY += imgMove;
  }
  if(keyPressed == true && key == 'd' || keyPressed == true && key == 'D'){
    imgX += imgMove;
  }
  if(keyPressed == true && key == 'a' || keyPressed == true && key == 'A'){
    imgX -= imgMove;
  }
  
  //設定圖片可移動範圍
  //左邊界
  if(imgX < 0){
    imgX = 0;
  //右邊界
  }else if(imgX > width - img.width){
    imgX = width - img.width;
  //上邊界
  }else if(imgY < 0){
    imgY = 0;
  //下邊界
  }else if(imgY > height - img.height){
    imgY = height - img.height;
  }
}

滑鼠按下後移動執行
void mouseDragged(){
  //圖片的X座標相當於圖片中間
  imgX = mouseX - img.width/2;
  imgY = mouseY - img.height/2;
  
}

class 2
使用範例keyboard
如果直接開啟processing可從 open>Basics>Input>keyBoard


// Keyboard. 
// 
// Click on the image to give it focus and press the letter keys 
// to create forms in time and space. Each key has a unique identifying 
// number called it's ASCII value. These numbers can be used to position 
// shapes in space. 
 
 
int numChars = 26;
color[] colors = new color[numChars];
int keyIndex;
float keyScale;
int rectWidth;

    
void setup()
{
  size(200, 200);
  noStroke();
  background(0);
  keyScale = 200/numChars-1.0;
  rectWidth = width/4;
}

void draw()
{ 
  if(keyPressed) {
    if(key >= 'A' && key <= 'z') {
      if(key <= 'Z') {
        keyIndex = key-'A';
      } else {
        keyIndex = key-'a';
      }
      //真正有修改就這邊，將原本的單色改為RGB三色
      fill(millis()%255, millis()%300, millis()%400);
      println(millis()%255);
      float beginRect = rectWidth/2 + keyIndex*keyScale-rectWidth/2;
      rect(beginRect, 0.0, rectWidth, height);
    }
  }
}

class 3
使用Button範例
或由processing直接開啟 open>Topic>GUI>button


//class 3
 // Button. 
 // 
 // Click on one of the colored squares in the 
 // center of the image to change the color of 
 // the background. 
 
int rectX, rectY;      // Position of square button
int circleX, circleY;  // Position of circle button
int rectSize = 50;     // Diameter of rect
int circleSize = 53;   // Diameter of circle
color rectColor, circleColor, baseColor;
color rectHighlight, circleHighlight;
color currentColor;
boolean rectOver = false;
boolean circleOver = false;

void setup()
{
  size(200, 200);
  smooth();
  rectColor = color(0, 200, 0);
  rectHighlight = color(51);
  circleColor = color(0, 0, 255);
  circleHighlight = color(204);
  baseColor = color(102, 0, 0);
  currentColor = baseColor;
  circleX = width/2+circleSize/2+10;
  circleY = height/2;
  rectX = width/2-rectSize-10;
  rectY = height/2-rectSize/2;
  ellipseMode(CENTER);
}

void draw()
{
  update(mouseX, mouseY);
  background(currentColor);
  
  if(rectOver) {
    fill(rectHighlight, 0, 200);
  } else {
    fill(rectColor, 0, 0);
  }
  stroke(255);
  rect(rectX, rectY, rectSize, rectSize);
  
  if(circleOver) {
    fill(circleHighlight, 100, 0);
  } else {
    fill(circleColor, 300, 100);
  }
  stroke(0);
  ellipse(circleX, circleY, circleSize, circleSize);
}

void update(int x, int y)
{
  if( overCircle(circleX, circleY, circleSize) ) {
    circleOver = true;
    rectOver = false;
  } else if ( overRect(rectX, rectY, rectSize, rectSize) ) {
    rectOver = true;
    circleOver = false;
  } else {
    circleOver = rectOver = false;
  }
}

void mousePressed()
{
  if(circleOver) {
    currentColor = circleColor;
  }
  if(rectOver) {
    currentColor = rectColor;
  }
}

boolean overRect(int x, int y, int width, int height) 
{
  if (mouseX >= x && mouseX <= x+width && 
      mouseY >= y && mouseY <= y+height) {
    return true;
  } else {
    return false;
  }
}

boolean overCircle(int x, int y, int diameter) 
{
  float disX = x - mouseX;
  float disY = y - mouseY;
  if(sqrt(sq(disX) + sq(disY)) < diameter/2 ) {
    return true;
  } else {
    return false;
  }
}

救國團活動

2009-03-28T16:56:00.003+08:00

老實說這活動完整名字也忘記了
不過救國團真的很帥氣阿！整個活動都是免費
還附早餐、午餐、車衣(歐都那的)、小徽章
鄉土味雖然很重但是整個相當的熱情

早上小小遲到不過完全沒差
整個活動在快八點才開始，而我們是七點就到了....
中間這段時間當然就是吃早餐+打屁+拉筋時間
還有看這鄉土味相當重所放的音樂又相當跳tone的舞台

為什麼會說相當跳tone當然一定有原因
第一首歌是跳熱舞的音樂，外國人唱的節奏感相當強
第二首跳國標用的...good
第三首精彩啦！"男兒當自強"
第四、五首頭文字D的片頭
第六首台課舞...
整個就是帥，放的音樂越來越符合舞台設計

在人差不多都到了就開始說要帶大家熱身
主持人「讓我們熱烈歡迎這些辣妹來為我們帶動唱」

這是媽媽級了吧XD
不過帶的伸展操很詭異，下半身的肌肉好像沒什麼拉到
但看看台下的人跳的可是起勁

伸展操結束後便開始今天的行程
開始沒騎幾公里就忽然又要休息了...均速才17左右吧
整個是休閒團￣▽￣

正當在這學校內喊著怎麼還沒出發同時看到了人群開始往門口移動
原來所有人裡面大約有60%只是來借我們壯聲勢用的！！！
也就是目前正在移動的人
那正常要完成原定形成的人呢？幹！早就走了
這群壯聲勢的人快樂的準備回程
還有人拿著大聲公喊「來喔～來我這拿摸彩券回去摸彩喔！」

那我們怎麼辦！？追！
一群人就瘋狂的追上去
已經先走的人好像也沒跑太遠
結果！本來的休閒團就改為衝刺團...
就以當時追的速度一路超車衝到救國團嘉義分部
沿途速度大約38~42左右在跑
不過路上紅綠燈很多....很多時候都是速度一上馬上又軟下來
所以均速才28

大約花一小時的時間終於抵達目的地

但早點到並不代表會早點有便當吃
無聊的開始玩起疊720風鏡XD

圓圈

四隻

五隻

六隻

邁向第七隻

成功

其中最上面這是adidas的

其他都是720

等了好久午飯終於來(說是午飯...但也11點就吃)
飯後就開始一個痛苦煎熬的開始...
返程全程逆風XD 加上今天風還不小
很像是有人一直幫你偷按煞車
雖然慢了點但還是騎完了全程

均速：27.1
全程：59.63(飯後有一小段沒計)
騎乘時間：2hr 11min 51sec

完整真相

日影 - 那天我們的生命薄如紙

2009-03-27T18:36:00.005+08:00

為啥我會看這部片呢...其實也就因為加藤愛>\\\\\\< 穿上OL裝整個就是正阿！
不過這是一部令人感傷的戰爭片...
講到二戰期間去為了國家效命是很光榮的事
就算母親再怎樣反對孩子還是覺得這是光宗耀祖的犧牲
直到已經知道被國家放棄還是不忘不能對不起祖國
這種精神上得力量就像對國家產生信仰
說實話非常的佩服
但想到曾經侵略過我們就會覺得很可惡(我要打十個！)

劇中所提到的兄弟情真的很感人
要不是邊看邊玩touch應該會哭出來吧
(我真的很想用心看...可是中間一大段都沒有加藤愛囧)

人物關係圖

片中的加藤愛

相關連結
あの日、僕らの命はトイレットペーパーよりも軽かった－カウラ捕虜収容所からの大脱走－官方網站
加藤愛 - 中文維基百科
加藤愛 - 日文維基百科

2009年雲科視傳系年度盛事「化妝表演晚會──門」

2009-03-27T17:26:00.003+08:00

今年我依然到達現場看了這演出，在視傳仍然是每年度的重大活動，今年更是增取到教卓的金費，再金費運用上應該比幾網年會好上許多，從道具上多少能看出來。

這次普遍比起往年弱上許多，大多在過場的掌握不是很好，舞台劇場景道具當然重要，再設計上更是要花點心思，太多都因為轉場必須換太多道具而緊張，每個轉場都跟打仗一樣刺激，換場場景道具一多就更是容易讓觀者冷下來，燈一下又要再次重新進入，尤其最後一組Maskun / 視傳二，你們道具確實做的很精緻，不過每個轉場的時間點跟劇本的編排實在很詭異，就好像每次快要高潮老母忽然敲房門，東西噴比較多出來不會比較厲害，厲害的只要有抓到要點就夠了。

燈光也是今年一大敗筆，不知道是演員太興奮還是一直都沒有到這舞台先彩排過，有幾次未上場的演員居然影子跑出來搶戲，加上燈光亂噴，台上聚光燈很強沒錯，但主持人、演員都是已經有心裡準備的，沒事自作主張開那幾盞燈噴向觀眾幹麼？忽然射在臉上很不舒服，可惜你應該是沒感覺，不然也不會一犯再犯。演出還沒到轉場燈就先關了，轉場還沒結束燈就開了，聚光燈始終對不到當時主要的角色，這部份真的不知道是不是沒有先彩排過還是太緊張。

加入不分系的演出，或許是經驗還不大足夠，再編排上仍然有想當多的問題，看完了還是不太能夠了解究竟想傳達是啥？對於聲音的應用還是不成熟，一整段很平靜的聲音別忽然插入一個高頻的聲音，而且特別大聲，整段演出中不斷的出現，每出現一次害我整個人就抖一下，這不像古典樂一樣聽久會讓人想睡，演員很賣力的在演大家都有看到，沒必要搞這種"驚愕"的效果吧？

道具上真的可以看出各位用心，還有幾位男扮女裝的，確實有幾位真的讓人感覺...這不當女的太可惜了XD。服裝上感覺也花了不少錢，全場出現過這麼多禮服，光這點就很厲害了，不過各組道具感覺很多都是類似的，不支倒是不是金費問題所以就統一挑了幾間廠商。門禁 / 視傳二這組最後的效果做的很棒，讓人映像深刻。不過最重要的還是看妹...，為啥視傳這麼優阿!!!!!!!!!!!

每一年看到這活動都要感嘆一次，視傳有化妝晚會，空設有百老匯，從我大一起就有聽說要要在數媒系上舉辦類似的傳統活動，傳聞中說要舉辦"數媒週"，但好像難產了，這部份還是別細說下去....

相關連結
雲科大視傳系
18th化妝晚會公告

Processing 基本繪圖 part4

2009-03-27T13:16:00.002+08:00

老實講...我自己也搞不太懂這些順序編排的方式
感覺上有點類似想到什麼就寫啥
畫面的色彩變化遠大於畫面美感
未必是會變越多顏色就越厲害
這是資工？設計？還是藝術？

class1
畫出三個圖形
當滑鼠移動時將改變顏色
可參考官方color函式、mouseMoved函式


//class 1
//定義一個值
int nowColor = 100;

void setup(){
  //設定畫面大小
  size(400, 300);
  //不要有邊框
  noStroke();
}

void draw(){
  //填入顏色(R, G, B)
  fill(nowColor, nowColor/2, 0);
  //畫出方形
  rect(0, 0, 100, height);

  //填入顏色(R, G, B)  
  fill(nowColor/4, 0, nowColor);
  //畫圓
  ellipse(200, 100, 50, 50);
  
  //填入顏色(R, G, B)
  fill(0, nowColor/3, 0);
  //畫出三角形
  triangle(230, 175, 380, 290, 286, 275);
}

//當滑鼠移動時執行其內容
void mouseMoved(){
  //開始時定義的職增加
  nowColor += 5;
  //當值大於255(上限值)改變為於100
  if(nowColor > 255){
    nowColor = 100;
  }
}

class2
改變視窗大小


//class 2
  //定義增加的大小
  int myX = 0;
  int myY = 0;

void setup(){
  //設定視窗大小
  size(300, 300);
  //取消邊框
  noStroke();
}

void draw(){
  //當滑鼠移動到靠近視窗的10%範圍時邊框擴大
  if(mouseX > width*0.9){
    myX += 10;
    setMyStage(width + myX, height);
  }
  //當滑鼠移動到靠近視窗的10%範圍時邊框擴大
  if(mouseY > height*0.9){
    myY += 10;
    setMyStage(width, height + myY);
  }
  
  //當視窗大於設定大小 改變為原來大小
  if(width > 600){
    setMyStage(300, height);
    myX = 0;
  }
    //當視窗大於設定大小 改變為原來大小
  if(height > 600){
    setMyStage(width, 300);
    myY = 0;
  }
}

//自行定義一個函式
void setMyStage(int X,int Y){
  //設定視窗大小
  frame.setSize(X, Y);
  size(X, Y);
}

class3
測試滑鼠左右鍵
可參考官方函式mouseButton、mousePressed、mouseReleased


//class 3
void setup(){
  //設定視窗大小
  size(250, 250);
  //背景色為白色
  background(255);
}

void draw(){
  //當按下滑鼠左鍵
  if(mousePressed == true && mouseButton == LEFT){
    //背景色改為深灰色
    background(50);
    //列印出"LEFT"
    println("LEFT");
  }
  //當按下滑鼠右鍵
  if(mousePressed == true && mouseButton == RIGHT){
    //背景色改為淺灰
    background(150);
    //列印出"RIGHT"
    println("RIGHT");
  }
}

//當滑鼠放開
void mouseReleased(){
  //背景色改為白色
  background(255);
}

class4


PImage a,b,c;
//class 4
void setup(){
  size(600, 400);
  a = loadImage("a.jpg");
  b = loadImage("b.png");
  c = loadImage("c.png");
  background(255);
}

void draw(){
  if( key == 'a' || key == 'A'){
    image(a, 0, 0);
  }
  
  if( key == 'b' || key == 'B'){
    image(b, 0, 0);
  }
  
  if( key == 'c' || key == 'C'){
    image(c, 0, 0);
  }
  
}

void keyReleased() {
  background(255);
}

資料來源
processing官方網站

更多Processing教學

戴佩妮在Mac名人講堂

2009-03-21T16:27:00.003+08:00

◆DataExpress逢甲店
主題：Mac讓戴佩妮輕鬆捕捉生活中的感動、聲音，及精彩片段
時間：3/28(六)15:00
地點：DataExpress逢甲店台中市西屯區福星路407號1F
主講人：戴佩妮 Penny
不只是全才創作女生，更是深藏不露的Mac達人!
看戴佩妮Penny用iPhoto、iMovie、GarageBand!
創作最完美的精彩作品!

報名熱線：04-2706-8556

備註：
戴佩妮玩Mac，顛覆框架，變出花樣生活!
僅此唯一，免費入場，與Penny零距離相約逢甲!
座位有限，請盡速報名哦!

活動連結
資料來源：我就是戴佩妮+++ 2008 Penny 官方網站+++

可惜那天已經有事了...
不然好想去阿！！

雲林文化資產報馬仔人才培訓暨座談會

2009-03-20T22:01:00.004+08:00

今天去了雲林文化資產報馬仔人才培訓暨座談會，基本上是去當工作人員，不過整天的工作說實話也很輕鬆，攝影、食、喇賽、發呆、聽演講，呼拉拉～又過了一天。

下午有一場演講對我而言還蠻有趣的，文化資產這部份我沒啥概念，但就數位典藏這角度來切入還是可以理出一套模式，這場演講內容大致上是高雄的文史古蹟保存以及台灣早期的文化，就憑著過去快差點不及格台灣史多多少少還能夠勾起點回憶，其內容有句「真正需要來了解文化保存的人應該是公單位」，確實公單位被不少的規定所限制，造成不少詭異的判斷，每要修改或許無法跟的上拆除的動作，其中又可能會有不少詭異的事件，不過我想說得是...這世界是在運轉著，時間沒辦法重來(至少目前是)，好東西是該保存，但也是需要與新科技間找到平衡點，不應該是誰大聲就聽誰的。

整天活動包含有農田水利的古文物保存，有這些概念是好的，再裡面也看到很多過去沒看過的文物，只是這些真的有在保存嗎？內部搞得跟倉庫清出一條道路，所有東西都可以給人隨意的玩弄，如果這些都是仿製品，站在觀賞者的角度確實很棒，有機會可以這樣玩，但有規劃過嗎？似乎看不太出來。走出館外，很多很棒的展示品，積水、養魚、孑孓、蝌蚪，這是要展示文物還是一個食物鏈？實在令人不解。

已經規劃過的展示館為何會落到這種狀況，每個月才開放給一般民眾參觀兩天，平常要來也要先電話預定，僅只接受團體參觀，因為戶外展示品常常被偷所以都放著爛，還記得參觀到一半有人問解說員「為何那些造景用的小房子都垮啦？是921厚的紀念嗎？」解說員的回答「因為這邊會有小孩子跑來玩，弄壞了沒錢修」，當時我就站在解說員面前錄影，整個聽到無言。這是個好的地方，為何要這樣糟蹋？說不定今天活動來的人數已經是這好幾個月的流量。

其實我一直有個疑惑，直到今天終於有人給我了個答案，莊先生你這麼愛搞文化怎麼不考慮去文資或創設？這麼想做社區改造轉去創設當專任好了，但是!!但是!!終於有解了，「戰場上只有一個是頭！」，在數媒沒人在做這塊，無從比較，隨便作也有個60分，真的轉走他可不一定有機會可以來稱王XD

不廢話了，看點好玩的
再展館門口的展示品，他動作比較像正在練習大隊接力吧!?

示意圖

吊個鑰匙也很配

也可以再多個提袋

展館門口

所在地點

檢視較大的地圖

更多真相

Processing 基本繪圖 part3

2009-03-18T21:54:00.007+08:00

經過兩星期的課程想必有在收看本blog的人對於processing有點了初步的了解
本週的不負責任教學又來啦！

使用beginShape來完成想要的圖形


//Class 1
void setup(){
//設定視窗大小
size(100, 100);
//背景設定為白色
background(255);
//使線段平滑點
smooth();
}

void draw(){
//開始畫圖
beginShape(TRIANGLE_STRIP);
//在這先解釋一下為何這樣下顏色指令會每個三角形都不同顏色
//三角形顧名思義三個點(廢話)
//由於beginShape在endShape出現前會將所有出現過的點連結在一起
//從第四個點開始可以共用前面倒數兩個點來連接為三角形
//所以後面這部份每隔一個vertex(點)就可以再未下一個三角形上色
fill(255, 0, 0);
vertex(30, 75);
vertex(40, 20);
vertex(50, 75);
fill(0, 200, 0);
vertex(60, 20);
fill(50, 10, 100);
vertex(70, 75);
fill(0, 200, 200);
vertex(80, 20);
fill(100, 150, 0);
vertex(90, 75);
endShape();
}

使用beginShape繪製不規則形
配合curveVertex來做出曲線
當然要製作出曲線亦可選擇使用bezierVertex

因為懶所以就直接寫....懶得加上setup、deaw...


//class 2
//內部不填入顏色
noFill();
//開始畫圖
beginShape();
//剛剛使用vertex(點)所以兩點間直接連接為直線
//現在所使用的curveVertex就是繪製曲線，詳細使用方式請參考上方連結
curveVertex(90,  50);
curveVertex(50,  90);
curveVertex(70,  50);
curveVertex(80,  17);
curveVertex(50, 20);
curveVertex(50, 50);
endShape();

for loop練習
其實內容與學程式基礎的用*來排圖案一樣
只不過換成畫方塊


//class 3
void setup(){
//設定視窗大小
size(200, 200);
//定義小方塊的大小
int RS = 10;
//for(定義 i 小於畫面的高; i 大於 0; i 每次減去小方塊大小 再多5);
//會再多5 是為了方塊與方塊間的空細
for(int i = height; i > 0; i -= RS+5){
  //for(定義 j 等於 0; j 小於 i ; j 每次加上小方塊大小 再多5);
  for(int j = 0; j < i; j += RS+5){
      //繪製小方塊
      rect(i, j, RS, RS);
    }
  }
}

將外部圖片讀取進processing
請參考PImage
外部讀取檔案prcessing會預設在相同資料夾內的Data
如下圖

這邊要注意的是當要將圖片設定為背景時
視窗大小必須與圖片大小一致

為何會使用這張圖咧....
沒辦法我愛阿~ 邵庭 >//////<


//class 4
//定義要弄一張圖名稱為bg
PImage bg;
//bg就是要讀取"nikki.png"這張圖
bg = loadImage("nikki.png");
//視窗大小設定為(需配合圖片大小)
size(372, 556);
//設定背景為 bg 這張圖
background(bg);

讓圖形在視窗中反彈亂跑
可參考Learn內的Bounce
或直接在processing內開啟 "open > Topics > Motion > Bounce"會有相同的結果
只是他在裡面是用圓形
在這更改為圖形

下面這部份就只註解有修改範例的部份


//class 5
float xpos, ypos;    // Starting position of shape  

float xspeed = 2.8;  // Speed of the shape
float yspeed = 2.2;  // Speed of the shape

int xdirection = 1;  // Left or Right
int ydirection = 1;  // Top to Bottom

//設定圖形為" img "
PImage img;

void setup() {
//設定視窗大小
size(640, 640);
noStroke();
frameRate(30);
smooth();
//img 為 "1.jpg"這張圖
img = loadImage("1.jpg");
// Set the starting position of the shape
//因為圖片太大...原本的設定會太超過
xpos = width/9;
ypos = height/3;
}

void draw() {
background(255);
xpos = xpos + ( xspeed * xdirection );
ypos = ypos + ( yspeed * ydirection );

  //當( 座標x + 圖片的寬 > 視窗的寬  ||  座標x < 0 )
  if (xpos+480 > width || xpos < 0) {
      //改變方向
       xdirection *= -1;
    }
  //當( 座標y + 圖片的高 > 視窗的高  ||  座標y < 0 )
  if (ypos+321 >= height || ypos < 0) {
    //改變方向
    ydirection *= -1;
  }
  //繪製出圖片
  image(img, xpos, ypos);
}

拖曳圖形並使其產生殘影
其實原理就是利用processing內void draw(){ }會不斷的重新繪製內部的程式
所以在每次重新畫時多覆蓋一個與背景顏色相同並具透明度的矩形
這樣就會產生殘影效果


//class 6
//定義圖片為"img"
PImage img;
//定義 x、y 為滑鼠的座標
int x = mouseX;
int y = mouseY;

void setup(){
//定義視窗大小
size(600, 600);
//img為 "1.jpg"
img = loadImage("1.jpg");
//背景設定為白色
background(255);
//不要有邊框產生
noStroke();
//圖片預設位置
image(img, x, y);
}

void draw(){
}

void mouseDragged(){
//設定x、y位置為圖形的中央
x = mouseX-240;
y = mouseY-160;
//填入色彩為白色，透明度為40
fill(255, 40);
//半透明方形大小為整個畫面
rect(0, 0, width, height);
//畫出圖片
image(img, x, y);
}

//當滑鼠放開
void mouseReleased(){
//背景從新刷為白色
background(255);
//因為圖片也被背景蓋過，所以再重繪圖形
image(img, x, y);
}

若只是要使用殘影效果亦可考慮使用tint函數

本週不負責任教學到此結束
相關連結
Processing官方網站

Processing 基本繪圖 part2 by Isken
Processing 基本繪圖 by Isken

Processing 基本繪圖 part2

2009-03-11T17:30:00.005+08:00

前面的廢話部份就省略

數學計算函式
來源http://processing.org/reference/index_ext.html
搜尋"Calculation"


//class 1
//先隨便定義兩個數
float x = 12.3;
float y = 30.72;

//ceil 無條件進位
println("ceil(x) = " + ceil(x));
//random(最小值, 最大值) 隨機亂數 
println("random(x) = " + random(x, y));
//round 四捨五入
println("round(x) = " + round(x));
//floor 無條件捨去
println("floor(x) = " + floor(x));
//max 找出其中最大值 不限定兩個數，亦可輸入一個數列
println("max(x) = " + max(x, y));
//min 找出其最小值 其內容與max相同
println("min(x) = " + min(x, y));

if 判斷式


//class 2
//隨機一個數
int isken = round(random(0, 100));
//印出"isken"大小
println(isken);

//if(判斷條件) { 如果成立後作哪些事}
if(isken >= 60){
  //畫方型
  rect(width*0.1, height*0.4, isken, isken);
}

if(isken < 60){
  //畫方形
  rect(width*0.5, height*0.7, isken, isken);
}

if(isken >= 70){
  //畫圓形
  ellipse(width*0.2, height*0.4, isken, isken);
}else{
  //畫圓形
  ellipse(width*0.4, height*0.8, isken, isken);
}

if判斷式練習
弄一顆球在畫面上左右彈，並且顏色變換


//class 3
int iskenMove = 0;
int iskenY = 0;
int iskenBall = 100;
boolean iskenDis = true;

void setup(){
  //設定畫面大小
  size(600, 400);
}

void draw(){
  //背景顏色設定為白色
  background(255);
  //取消球外框
  noStroke();
  //使曲線平滑
  smooth();
  //填入求的顏色 fill(R, G, B);
  fill(iskenMove, iskenY/3, iskenMove/2);
  //畫出球來 ellipse(X, Y, 球寬, 球高);
  ellipse(iskenMove, iskenY+iskenBall/2, iskenBall, iskenBall);
  
  //如果球超過畫面高度時回到畫面最上端
  if(iskenY > height - iskenBall){
    iskenY = 0;
  }
  
  //如果球超過畫面寬時改變方向
  if(iskenMove > width){
    iskenDis = false;
    iskenY += iskenBall;
  }
  if(iskenMove < 0){
    iskenDis = true;
    iskenY += iskenBall;
  }
  
  //設定球跑的方向，數字越大跑越快，加號往右，減號往左
  if(iskenDis == true){
    iskenMove += 5;
  }
  if(iskenDis == false){
    iskenMove -= 5;
  }
}

for loop練習
使用方式請參閱官方說明
再畫面中畫出三個圈


//class 4
void setup(){
  //設定畫面大小
  size(400, 300);
  //圓內部不填滿顏色
  noFill();
}

void draw(){
  //設定背景為白色
  background(255);
  //定義圈的大小
  int iskenBall = 100;
  //畫出三個圈
  for(int i = 0; i < 3; i++){
    ellipse( 100 + i * iskenBall, 100, iskenBall, iskenBall);
  }
}

試著使用for loop畫出同心圓


//class 5
void setup(){
  //設定畫面大小
  size(400, 400);
}

void draw(){
  //設定背景為白色
  background(255);
  //畫出同心圓
  for(int i = 10; i < width/2; i += 10){
    //圓內部不填顏色
    noFill();
    //外框線顏色設定 stroke(R, G, B);
    stroke(i*1.5, i*2, i*1.2);
    //外框線寬設定
    strokeWeight(1.2);
    //畫圓
    ellipse( width*3/4, height/2, i, i);
  }
  
  //以下為再畫一個
  for(int i = 10; i < width/2; i += 10){
    noFill();
    stroke(i*2, i*3, i);
    strokeWeight(2);
    ellipse( width/4, height/2, i, i);
  }
}

雙層for迴圈


//class 6
void setup(){
  //設定畫面大小
  size(600, 400);
  //設定背景為白色
  background(255);
  //外框線設定為黑色
  stroke(0);
}

void draw(){
  //定義圓大小
  int isken = 100;
  //第一層迴圈  畫直的
  for(int i = 0; i < 3; i++){
    //第二層迴圈 畫橫的
    for(int j = 0; j < 2; j++){
      ellipse(100 + j*isken, 100+ i*isken, isken, isken);
    }
  }
}

前面畫圓、畫方也畫夠多了
現在來畫一下三角形
函式使用方式
beginShape();
vertex();
endShape();


//class 7
void setup(){
  //開始繪製圖形
  beginShape();
  //定義座標 vertex(X, Y);
  vertex(width/2, height/6);
  vertex(width*0.9, height/4);
  vertex(width/5, height*0.9);
  //結束繪製圖形
  endShape(CLOSE);
}

相關連結
Processing 官方網站
Processing 函式查詢頁面