Eric的隨手小記: 6月 2013

2013年6月14日星期五

[Tools]LiveReload使用於Windows上

對一位前端工程師或是網頁設計師來說,一邊改HTML一邊按F5重整網頁是每天最常做的事情
推薦一個好用軟體幫大家節省按F5的時間,只要按下儲存他就會馬上自動更新
那就是LiveReload

一、安裝
首先到官網http://livereload.com/下載Windows的最新版本,

Try LiveReload 0.8.5.1 Alpha

接下來安裝就對了

二、如何使用

安裝完畢後,可從程式及裡面打開它,接下來選擇Add也就是選擇你的HTML放置的目錄位置,

比如說我放在C:\inetpub\wwwroot\LiveReloadTest

接下來安裝browser extensions或是照他上面給的script加入載

前面

這裡我使用的是Chrome

https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei

安裝完畢後瀏覽器會有一個新的按鈕

按鈕如果是實心狀態表示啟動,空心則為關閉

接下來我們可以開始進入操作

首先打開瀏覽器將我們的網頁開啟,並開啟編輯工具

注意一點是我是把網頁放在IIS裡面

所以我試過直接打開檔案的方式,按鈕是無法啟用的

我直接打localhost/LiveReloadTest/Index.html的方式按鈕才可以啟用

如果要使用開啟檔案的方式瀏覽網頁,請把2裡面的Script加到Body

前面,一樣可以使用

希望大家看得懂...

2013年6月6日星期四

[IOS]使用WebView載入Google地圖


if (DEVICE_IS_IPHONE5)

{


 width = 320;

 height = 504

}


else
{


  width = 320;

  height = 460

}




//不包含狀態列

CGRect fullScreenRect = [[UIScreen mainScreen] applicationFrame];
if(fullScreenRect.origin.y == 20)

{

 width = fullScreenRect.size.width;

 height = fullScreenRect.size.height;
}
else{

 height = fullScreenRect.size.width;

 width = fullScreenRect.size.height;
}


NSString *htmlString = [NSString stringWithFormat:@"<html>\
       <head>\
       <meta id=\"viewport\" name=\"viewport\" content=\"width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;\">\
       <script src='http://maps.google.com/maps/api/js?sensor=false' type='text/javascript'></script>\
       </head>\
       <body onload=\"new google.maps.StreetViewPanorama(document.getElementById('p'),{position:new google.maps.LatLng(%f, %f),pov: {heading: 270,pitch:0,zoom:1}});\" style='padding:0px;margin:0px;'>\
       <div id='p' style='height:%f;width:%f;'></div>\
       </body>\
       </html>",lat, lon , height , width];


[webView loadHTMLString:htmlString baseURL:nil];

[IOS]設定NavigationController的ButtonItem方式

方法一


UIButton *backBtn = [UIButton buttonWithType:UIButtonTypeRoundedRect];





[backBtn setTitle:@"返回" forState:UIControlStateNormal];





backBtn.frame = CGRectMake(0, 0, 40, 40);





[backBtn addTarget:self action:@selector(GoTop) forControlEvents:UIControlEventTouchUpInside];





UIBarButtonItem *layerBtnItem = [[UIBarButtonItem alloc] initWithCustomView:backBtn];





self.navigationController.navigationBar.topItem.leftBarButtonItem = layerBtnItem;

方法二


UIButton *backBtn = [UIButton buttonWithType:UIButtonTypeRoundedRect];





[backBtn setTitle:@"返回" forState:UIControlStateNormal];





backBtn.frame = CGRectMake(0, 0, 40, 40);





[backBtn addTarget:self action:@selector(GoTop) forControlEvents:UIControlEventTouchUpInside];





UIBarButtonItem *layerBtnItem = [[UIBarButtonItem alloc] initWithCustomView:backBtn];



self.navigationController.navigationItem.leftBarButtonItem=layerBtnItem;

2013年6月5日星期三

[IOS][ArcGIS] 尋找AGSLayer

使用的SDK版本ArcGIS API fo IOS 2.3.2

目前找Layer的方法有幾種

1.透過名稱


UIView<AGSLayerView>* lyrPushCaseView = [self.mapView.mapLayerViews valueForKey:@"住宅推案 ];



AGSLayer* pushCaseLayer = lyrPushCaseView.agsLayer;



if ([pushCaseLayer isKindOfClass:[AGSDynamicMapServiceLayer class]]) {
    lyrPushCaseView.hidden = NO;

}

2.透過Index

  
NSArray *layerLists = [delegate.mapView mapLayers];

   AGSDynamicMapServiceLayer *layerGroup = [layerLists objectAtIndex:2];

[IOS]UIImage+Resize

以下是筆記,這是蠻常用到的功能所以我把他加到Category裡面方便可以重複使用

建立一個新的項目選擇Category ,名稱輸入Resize類別選擇UIImage


UIImage+Resize.h 



@interface UIImage (Resize)



+ (UIImage*)imageWithImage:(UIImage*)image scaledToSize:(CGSize)newSize;



@end

記得是宣告為靜態方法


UIImage+Resize.m



#import "UIImage+Resize.h"



@implementation UIImage (Resize)



+ (UIImage*)imageWithImage:(UIImage*)image scaledToSize:(CGSize)newSize {



UIGraphicsBeginImageContext( newSize );



[image drawInRect:CGRectMake(0,0,newSize.width,newSize.height)];



UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();



UIGraphicsEndImageContext(); return newImage; }



@end

使用UIGraphicsBeginImageContext需加入

#import <QuartzCore/QuartzCore.h>

使用方法


UIImage *popimg = [UIImage imageWithImage:[UIImage imageNamed:@"xxx.png"] scaledToSize:CGSizeMake(50, 50)];

2013年6月14日 星期五