Androidアプリ開発ブログ

ViewFlipperの自動スクロール

ViewFlipperの自動スクロールが、ある特定の状況で動かない件についてメモ。

ある特定の状況とは、端末を操作せずに放置して、画面が暗くなってからすぐに復帰させた場合。およそ10秒以内。
ロック解除の画面が表示されず、画面消灯前の画面がすぐに表示されますよね。
あの時です。

そうすると、ViewFlipperの自動スクロールが動かなくなるんですよ。
onResumeでstartFlippingしてるにも関わらず。
onResumeはきちんと通過してるんですが。
画面タップやらボタンクリックやらでもstartFlippingするようにしていますが、それも動かない。

ですが、放置→画面消灯後に、ロック解除画面を経て復帰させた場合は動くんですよ。

あと、この症状が発生しても、ロック解除画面を経て復帰させれば直るんですよ。

目下調査中。

エントリー企業管理アプリ

久しぶりの更新で、いきなりのアプリ公開。
エントリーしている企業を管理するアプリです。
企業名、業種、職種、勤務地、エントリーした就活サイト（リクナビとか）、ID、パスワードを管理できます。

ダウンロードはこちら。
私のIS05ではちゃんとapkファイルとして認識されました。ブラウザはドルフィンです。
もしダウンロード時にapkファイルとして認識されないようなら、保存名を付ける時に拡張子を「.apk」にして保存し、インストールしてください。
あ、あと野良アプリなので、「設定」→「アプリケーション設定」→「提供元不明のアプリ」にチェックを付けてください。

初回起動時には真っ暗な画面という不親切設計です。
使い方は以下の通り。

【使い方】
１．起動したら、まず設定を行います。メニューボタン→「設定」を選びます。

２．自分がよく入力する業種、職種、勤務地、登録サイトをそれぞれ設定できます。
　　設定したい項目をタップします。

３．これまた真っ暗な画面になります。メニューボタン→「新規追加」を選びます。
　　表示されるダイアログに、自分がよく入力する業種名などを入力してOKをクリックします。
　　登録サイトの場合、URLも登録しておくことができます。

４．全部設定できたら、一番最初の真っ暗な画面へ戻り、メニューボタン→「新規追加」から企業情報を登録します。登録画面で、先ほど設定した業種や職種が選択できるようになっています。
　　登録サイトを選択するとURLを連動して自動入力しますが、このURLを編集して登録できます。
　　企業毎のマイページなんかがある場合、「マイページ」って名前で様々なURLを登録しておきたいので・・・。

大体こんな感じです。
質問、ご意見等ありましたら、この記事のコメントかツイッターでお願いします。

それと、いちいち入力なんて面倒と思う方もいると思うので、カンマ区切りのcsvファイルを読み込めるようにしています。
csvファイルを作成し、アンドロイドの端末へ入れて、メニューボタン→「ファイル読み込み」から読み込めます。
でもcsvファイル作成するのも割と面倒です。
csvファイルの作成方法については「続きを読む」に記載しておきます。
続きを読む

キーボードの上でスクロールする

以前どうやればいいんだーってなってたのが解決したので。
画面の高さ-キーボードの高さとか言ってたけどそんなことしなくてもよかった。

色々調べてたら、AndroidManifest.xmlの方に記述する「adjustPan」と「adjustResize」というものを発見。
Y.A.Mの雑記帳　Android　Onscreen Input Methods
こちらに詳しく書いてあります。
こちらのブログにはほんとお世話になります……。
なんとなく私がやりたいことはadjustPanっぽいなあ。
……でもここにあるadjustResizeの２つ目の例の方がそれっぽいような気も……？

とりあえず、上のブログにあるサンプルを動かしてみた。
するとadujustPanは期待した動きをしてくれない。
うーん？
そしてadjustResizeの方はブログに書いてある通りに動く。
うーん。しかし私がやりたいことはそういう動きではないんですよね……。

色々悩んでいましたがはっと気づきました。
ここのサンプルでandroid:layout_weight="1"を設定したテキストボックスが、adjustResizeでサイズが変わっている……。

ということは、全体をスクロールビューに入れて、スクロールビューにandroid:layout_weight="1"を設定したらどうだろう。

これが正解でした。
ではサンプル。


<?xml version="1.0" encoding="utf-8"?>
<ScrollView
  xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:layout_weight="1"
	>
<LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<EditText	
   android:layout_width="fill_parent"
	android:layout_height="wrap_content"
	/>
<EditText
	android:layout_width="fill_parent"
	android:layout_height="100dip"
	/>
<EditText	
   android:layout_width="fill_parent"
	android:layout_height="200dip"
	/>
<Button
	android:layout_width="fill_parent"
	android:layout_height="wrap_content"
	android:text="OK"
	/>
</LinearLayout>
</ScrollView>

そしてAndroidManifest.xmlのアクティビティタグの中に、
android:windowSoftInputMode="adjustResize"
をいれます。
するとこんな感じになります

キーボードが出てくるとスクロールビューのサイズが変わって、全体がスクロールするようになりました。

下部にあるボタンを常に表示させたい場合は、スクロールビューの中からボタンを出して、全体をさらにLinearLayoutでくくってあげればOKです。


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical"
	android:layout_width="fill_parent"
	android:layout_height="wrap_content"
	>
<ScrollView
  	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:layout_weight="1"
	>
<LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<EditText
	android:layout_width="fill_parent"
	android:layout_height="wrap_content"
	/>
<EditText
	android:layout_width="fill_parent"
	android:layout_height="100dip"
	/>
<EditText
	android:layout_width="fill_parent"
	android:layout_height="200dip"
	/>
</LinearLayout>
</ScrollView>
<Button
	android:layout_width="fill_parent"
	android:layout_height="wrap_content"
	android:text="OK"
	/>
</LinearLayout>

こんな感じになります。

このサンプルのように、キーボードが出ていない時にスクロールビュー外にあるUIをスクロールビューのすぐ下に配置したい場合は、全体をくくっているLainearLayoutのandroid:layout_heightをwrap_contentにすればできます。
スクロールビュー外のUIを画面の１番下にもっていきたい場合はfill_parentにすればいいわけですね。
……なんだかうまく説明できていないような気もする。

ちなみに、スクロールビュー内のUIにandroid:layout_weightを使っても、残り余白いっぱいに広がってくれませんでした。
なので上の方法で、かつ中のUIにlayout_weightを使いたい場合どうすればいいのかはわかりません……。

SyntaxHighlithterも使えるようになったので

ソース晒しつつ、今回の成果でも。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView
	android:id="@+id/text1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:textSize="20sp"
    />
<Button
	android:id="@+id/button1"
	android:layout_width="150dip"
	android:layout_height="wrap_content"
	android:onClick="mixiAuthentic"
	android:text="mixi認証"
	/>
<Button
	android:id="@+id/button2"
	android:layout_width="150dip"
	android:layout_height="wrap_content"
	android:onClick="AuthDestroy"
	android:text="認証解除"
	/>
</LinearLayout>

package net.edo.hrio.mixiclient;

import jp.mixi.android.sdk.*;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.*;

public class mixiClient extends Activity {
    private MixiContainer container;
	private int AUTHORIZE_REQUEST_CODE;
	private TextView text;
	private Button button1;
	private Button button2;
	private boolean Auth;
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        text = (TextView)findViewById(R.id.text1);
        button1 = (Button)findViewById(R.id.button1);
        button2 = (Button)findViewById(R.id.button2);

        
        Config config = new Config();
        config.clientId = "APIキー";
        config.selector = Config.GRAPH_API;
        
        container = MixiContainerFactory.getContainer(config);
        //container.init(this);  //ここ！
        
        /*Auth = container.isAuthorized();
               	*/
        Auth = false;
        ButtonClickSet(Auth);
    }
    
	public void mixiAuthentic(View view){
    	container.authorize(mixiClient.this, new String[]{"r_profile", "w_voice"}, AUTHORIZE_REQUEST_CODE,
        		new CallbackListener(){

					@Override
					public void onComplete(Bundle values) {
						// 正常時の処理
						Toast.makeText(getBaseContext(), "認証しました", Toast.LENGTH_LONG).show();
						Auth = true;
						ButtonClickSet(Auth);
					}

					@Override
					public void onCancel() {
						// ユーザキャンセル時の処理
						Toast.makeText(getBaseContext(), "キャンセルしました", Toast.LENGTH_LONG).show();
					}

					@Override
					public void onFatal(ErrorInfo e) {
						// 異常終了時の処理
						Toast.makeText(getBaseContext(), "異常終了しました", Toast.LENGTH_LONG).show();
					}

					@Override
					public void onError(ErrorInfo e) {
						// エラー
						Toast.makeText(getBaseContext(), e.getMessage(), Toast.LENGTH_LONG).show();
					}
        		}
        );
    }
    
    public void AuthDestroy(View view){
    	 container.logout(this, AUTHORIZE_REQUEST_CODE, 
    			 new CallbackListener(){

					@Override
					public void onComplete(Bundle values) {
						Toast.makeText(getBaseContext(), "認証解除しました", Toast.LENGTH_LONG).show();
						Auth = false;
						ButtonClickSet(Auth);
					}

					@Override
					public void onCancel() {
						// ユーザキャンセル時の処理
						Toast.makeText(getBaseContext(), "キャンセルしました", Toast.LENGTH_LONG).show();
					}

					@Override
					public void onFatal(ErrorInfo e) {
						// 異常終了時の処理
						Toast.makeText(getBaseContext(), "異常終了しました", Toast.LENGTH_LONG).show();
					}

					@Override
					public void onError(ErrorInfo e) {
						// エラー
						Toast.makeText(getBaseContext(), e.getMessage(), Toast.LENGTH_LONG).show();
					}
    		 
    	 });
    }
    
    public void ButtonClickSet(boolean a){
    	if(a){
    		text.setText("認証済みです");
    		button1.setClickable(false);
    		button2.setClickable(true);
    	}else{
    		text.setText("未認証です");
    		button1.setClickable(true);
    		button2.setClickable(false);
    	}
    }
    
    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data){
    	super.onActivityResult(requestCode, resultCode, data);
    	container.authorizeCallback(requestCode, resultCode, data);
    }
    
    @Override
    public void onDestroy(){
    	container.close(this);
    	super.onDestroy();
    }
}

xmlファイルとjavaのソース自体はこんな感じになってます。
そしてjavaのソースの中で「ここ！」とコメント入れているところ。
どうもこの行があると、「エラーが発生しました云々」が表示されるようです。なので今現在はコメントアウトしております。
ちなみにこの状態でボタンを押してやると「異常終了しました」が表示されます。まあそうだろうなあ。

ちなみにmixi Developer Centerには

「SDKを利用するには、MixiContainerインスタンスの init メソッドをコールします。」

としか書いてないんだぜ。

なんだろ。何がだめなのかなあ。

SyntaxHighlighterをテストする記事

package net.edo.hrio.mixiclient;
 
import jp.mixi.android.sdk.*;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.*;
 
public class mixiClient extends Activity {
    private MixiContainer container;
 private int AUTHORIZE_REQUEST_CODE;
 private TextView text;
  private Button button1;
 private Button button2;
 private boolean Auth;
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        text = (TextView)findViewById(R.id.text1);
        button1 = (Button)findViewById(R.id.button1);
        button2 = (Button)findViewById(R.id.button2);
 
         
        Config config = new Config();
        config.clientId = "APIキー";
        config.selector = Config.GRAPH_API;
         
        container = MixiContainerFactory.getContainer(config);
        container.init(this);  //ここ！
         
        /*Auth = container.isAuthorized();
                   */
        Auth = false;
        ButtonClickSet(Auth);
    }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView
	android:id="@+id/text1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:textSize="20sp"
    />
<Button
	android:id="@+id/button1"
	android:layout_width="150dip"
	android:layout_height="wrap_content"
	android:onClick="mixiAuthentic"
	android:text="mixi認証"
	/>
<Button
	android:id="@+id/button2"
	android:layout_width="150dip"
	android:layout_height="wrap_content"
	android:onClick="AuthDestroy"
	android:text="mixi認証"
	/>
</LinearLayout>

mixi API SDK for Androidを使ってみる。

というわけで、今回から手探りでmixiのクライエントらしきものを作っていきたいと思います。
まずは先日公開されたばかりっぽい、mixi API SDK for Androidをダウンロード。
mixi Developer Centerの説明が結構丁寧なので、滞りなくインポートまでできました。

でもインポートされたファイル、エラーがある。
見てみるとコメント部分が文字化けしてた。
インストールしたファイルをIEで開いてみてエンコード方式を調べてみると、UTF-8っぽい。
ので、eclipseの文字コードを変える方法を調べて、ソースファイルをUTF-8で開くようにしてみました。

直った。そしてエラーも消えた。

そしてDeveloper Centerにある実装方法に従い、まずは認証を行うようにしてみました。

さて結果は。

なんかうまくいかなかった。

デバッグしてみると、onCreate内が終わったあたりで「エラーが発生しました云々」というトーストが表示されて、それでもボタンをクリックしてみたりすると強制終了という感じ。
強制終了されるときにデバッグ画面を見ると、Debugタブの中がView$1.onClick(View)というのが選択されてて、その下のソース部分にいつの間にやら「View.class」というタブが出現しており、その中で「Source not found」と言われている。
……これはつまりええと。View.classが見つからないよってことなの？

詳しく調べるのはまた今度にします。

今回せっかくなのでソースを貼り付けてみようと思い、どうせならあのソースをきれいに貼ってるやつを使ってみたい！と思ったので、SyntacHighlighterを使ってみようと思ったのですが、うまく表示されませんでした。で、結局ソース貼り付けず。こちらもまた今度時間があるときに挑戦します。

色々書いておく

バイト先で作ってるアプリ。
どういう内容かは言ったらまずいと思いますが、技術的な話は多少してもいいよね……??

キーボードが出現したときに、残った画面領域でページをスクロールする方法について模索しています。
これだけ多くのアプリで実装されているにも関わらず、さっぱりやり方が見つからないんですが。
画面縦サイズ－キーボード縦サイズでスクロールするようにしてやればいいと思うのですが、調べた感じキーボード縦サイズ取得が難儀そう。
今文字を打ってる時にも、予測変換が消えたり出たりする度に上下する背後が気になる。
うーん、Androidのソースとか見たら何かヒントがあるのかなあ。

あとちょこっとmixiアプリの話。

なんかSDKが出たみたいですね。

OAuth認証の必要がなくなるらしい!!

色々調べて作ってみたいのですが、本日も帰宅が0時を過ぎるのでした。

なんだかんだで何とかなった

しばらく自宅での開発が滞っており、今久しぶりにちょろっと触ってみたのですが

なんとなく眺めててふとある文に目が留まりました。

……画像読み込みのところ、for文の条件おかしくないか……？

直してみたら案の定でした。打ち間違えてたんだろうなあ。馬鹿め。

そして何事もなかったかのように表示されるタイムライン。
画像もきちんと表示されました。

さて、次になにかやるときは、もうさっさとmixiの方に入っていきたいと思います。
理由としては、twitterがXMLを取得するのに対して、mixiはjsonとかいうのを使うらしいというあたりです。
あとはこう、さっさとはじめてしまいたいからです。

もうしばらく忙しいのでまたしばらく更新も滞ると思いますが、きっと６月の中旬くらいからまた始められると思います。

画像が出てこないのをなんとかしたい２

前回から格闘している、タイムラインへの画像表示。

今回はテキストビューの横に画像を配置するという
TextView.setCompoundDrawables　を疑ってみました。

使用する画像をresフォルダにつっこんで、まずはこれをDrawableにできるかどうかから始めます。
これはOK。

次にTextView.setCompoundDrawablesを試してみます。

……出ない。

おかしいなあと思い、今度は画像を追加したテキストビューと、画像を表示させるだけのイメージビューの両方をアクティビティに追加してみました。

すると

こうなりました。
なんか文字の後ろに出てるのがそれっぽい。
でも文字の左に画像が出るように指定してるんだけどなあ。

試しにテキストビューのレイアウトの指定の幅をWRAP_CONTENTからFILL_PARENTにして、
ついでにビューを追加する方向も垂直にしてみましたが、解決しません。

そして何度やっても、イメージビューを消去するとテキストビューの方は文字だけになるのでした。

うーん、これを使うからタイムラインの画像も表示されないのかなあ。

次はタイムラインの画像を取得して、単純にイメージビューで表示させてみます。
それが成功したら、もうイメージビューとテキストビューを一緒に表示させる感じでやってみよう……。

とりあえず今日はここまで。むしろこんなにやってしまったというべきか。明日１コマからなのに……。

画像が出てこないのをなんとかしたい

前の記事でも書きましたが、タイムライン上のアイコンが出てこない。

なので色々原因を探ってみました。

まず画像URLがきちんと読み込めているか、URLを表示させてみます。
これはできた。

次にURLからバイト配列を読み込む部分を疑ってみる。
読み込んだバイト配列の長さが0なら、こちらで用意した画像を表示させてみる。
これをやってみましたが、これでも何も出ない。
やっぱり画像を表示させる部分がだめなのかな……？

とりあえず今日はここまでー。