Rupy覚書主にコンピュータ関係の事柄を忘れないようにメモしておくためのページ

__NSAutoreleaseNoPool(): Object of　0x???? class UITableView autoreleased with no pool in place - just leaking

-(void)threadStartAnimating:(id)data
{
    [self.view bringSubviewToFront:_indicator];
    [_indicator setHidden:NO];
    [_indicator startAnimating];
}

-(void)threadStopAnimating:(id)data
{
    [_indicator stopAnimating];
    [_indicator setHidden:YES];
    [self.view sendSubviewToBack:_indicator];
}

-(void)search{

    //スピナーを表示する
    [NSThread detachNewThreadSelector:@selector(threadStartAnimating:) toTarget:self withObject:nil];

    ....処理....

    //スピナーを止める
    [NSThread detachNewThreadSelector:@selector(threadStopAnimating:) toTarget:self withObject:nil];

}

-(void)threadStartAnimating:(id)data
{
    NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init];
    [self.view bringSubviewToFront:_indicator];
    [_indicator setHidden:NO];
    [_indicator startAnimating];
    [pool release];
    [NSThread exit];
}

-(void)threadStopAnimating:(id)data
{
    NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init];
    [_indicator stopAnimating];
    [_indicator setHidden:YES];
    [self.view sendSubviewToBack:_indicator];
    [pool release];
    [NSThread exit];
}

-(void)search{

    //スピナーを表示する
    [NSThread detachNewThreadSelector:@selector(threadStartAnimating:) toTarget:self withObject:nil];

    ....処理....

    //スピナーを止める
    [NSThread detachNewThreadSelector:@selector(threadStopAnimating:) toTarget:self withObject:nil];

}

open /Developer/Applications/Utilities/Application\ Loader.app

特定の要素にスクロールするJavaScript

前回に続き、検索結果でハイライトした部分の要素にスクロールできるようにJavaScriptを書いてみた。

/*クラスネームclassnameを持つ要素のうちindex番目にスクロールする関数*/
function ScrollByClass(classname,index){
  var elements = document.getElementsByClassName(classname);
  if(elements.length ==0){
    return;//一つも見つからなかったらおしまい。
  }
  if(index > elements.length){
    index %= elements.length;//要素数以上のindexであれば要素数以内にする。
  }
  var top = elements[index].offsetTop - window.pageYOffset;
  elements[index].style.backgroundColor="red";//背景色を赤く変更
  window.scrollBy(0,top);//スクロール
}

/*上の関数で背景色を変更してしまうので戻すことができるように用意*/
function ChangeBackgroundColorOfClass(classname,index,color){
  var elements = document.getElementsByClassName(classname);
  elements[index].style.backgroundColor=color;
}

引数に与えるindexを1つずつ増加させることで次、次とスクロールできるようになった。

これを前回のコードと組み合わせることで、IphoneのUIWebViewでスクロールすることができる。

UIWebViewで文字列を検索し、該当する部分をハイライトする

UIWebViewを使って文字列をハイライトさせたいと思い色々と検索していたら、とてもいい記事を見つけたので紹介します。

http://www.icab.de/blog/2010/01/12/search-and-highlight-text-in-uiwebview/

全文英語ですごく長いのですが、比較的わかりやすい英語で、わからなければソースコードを見ればわかるという感じです。

どうやらJavaScriptで実現しているようですが、単にコピー＆ペーストで動きました。でも、ちゃんと理解したいと思ったので１つずつ見ていくことにします。

ここではいくつかのファイルがあります。

• SearchWebView.js
• SearchWebView.h
• SearchWebView.m

このファイルをXcodeに追加するだけで利用可能です。

一つ一つのファイルの役割を見ていきます。SearchWebView.jsは実際にHTMLソースを書き換えるJavaScriptコードです。文字列を検索しハイライトを施したり、そのハイライトを消したりしています。
SearchWebView.hとSearchWebView.mはObjective-Cのコードで、UIWebViewに新しくカテゴリとしてメソッドを追加してJavaScriptをObjective-Cプログラムから実行できるようにしています。

まずSearchWebView.hを見ると、UIWebViewにカテゴリを定義しています。SearchWebView.mでカテゴリのメソッドを定義しています。highlightAllOccurencesOfStringメソッドでは

1. JavaScriptの読み込み
2. JavaScriptファイルを実行する
3. グローバル変数を介して結果を受け取る
4. 結果を返却

という流れですかね。

今度はSearchWebView.jsを見るとMyApp_HighlightAllOccurencesOfStringというメソッドがあり、中でMyApp_HighlightAllOccurencesOfStringForElementを呼び出しています。

MyApp_HighlightAllOccurencesOfStringForElementを見ると大きく

if (element.nodeType == 3) {
 ...
} else if (element.nodeType == 1) {
 ...
}

とありますがテキストノードが見つかった時にifが実行されて、新たな要素が見つかった場合にはelse ifの部分が実行されます。3はNode.TEXT_NODE、1はNode.ELEMENT_NODEを表します。
要素が見つかった場合にはその子供のノード全てに再帰的にMyApp_HighlightAllOccurencesOfStringForElementを実行します。
テキストノードが見つかった場合見つからなくなるまで文字列を検索して、その部分の背景色を黄色にします。

while (true) {
  /*テキストノード内の文字列の検索*/
  var value = element.nodeValue;//テキストノード内の文字列の取得
  var idx = value.toLowerCase().indexOf(keyword);//すべて小文字にして検索。idxに見つかった位置が入る

  if (idx < 0) break;             // 見つからなかったので中止

  /*span要素を作る*/
  var span = document.createElement("span");//span要素の生成
  var text = document.createTextNode(value.substr(idx,keyword.length));//見つかった文字列でできたテキストノード
  //span要素の中身の設定
  span.appendChild(text);//span要素に入れる
  span.setAttribute("class","MyAppHighlight");//class="MyAppHighlight"
  span.style.backgroundColor="yellow";
  span.style.color="black";

  /*ノードを並べる*/
  text = document.createTextNode(value.substr(idx+keyword.length));//対象の文字が見つかった場所以降を取り出す
  element.deleteData(idx, value.length - idx);//見つかった場所以降は消してしまう。
  var next = element.nextSibling;//今見ているテキストノードの次のノードを得る
  element.parentNode.insertBefore(span, next);//テキストノードの最後にspan要素を入れる
  element.parentNode.insertBefore(text, next);//残りのテキストを加える
  element = text;//残りの部分に移る
  MyApp_SearchResultCount++;
}

という感じ。とても勉強になった。これを応用すればいろいろできそうな気がする。

NSString *path = [[NSBundle mainBundle] pathForResource:@"filename" ofType:@"js"];