Tag Archives: 谷口

Androidアプリで、カメラアプリから受け取った画像データをSDカードに保存することがあると思います。
それをあとから呼び出そうと思ったらぬるぽになってアプリが強制終了！なんて現象が発生することがあります。

それは、ギャラリーに画像が反映されておらず、読み取ろうとしたときに「画像がねえよ！」って怒られているわけです。

今回は、画像をSDカードに保存した後、明示的にデータをコンテンツプロバイダーに登録する方法を書きます。

//登録する枚数
int new_nums = （登録する画像の枚数）;

//配列をnew
String[] paths = new String[new_nums];
String[] mimeTypes = new String[new_nums];

//画像のパスと形式を配列に格納
for (int i = 0; i < new_nums; i++) {
	paths[i] = （登録する画像のパス）;
	mimeTypes[i] = "image/jpeg";
}

//ファイルを登録
MediaScannerConnection.scanFile(
		getApplicationContext(), paths, mimeTypes,
		new OnScanCompletedListener() {
			@Override
			public void onScanCompleted(String path,
					Uri uri) {
				//登録が全て完了すると、このイベントが呼ばれる
				// System.out.println("MediaScannerConnection --- Scanned "
				// + path + ":");
				// System.out.println("MediaScannerConnection --- uri="
				// + uri);
			}

		});

とあるアプリにGoogleAnalyticsを入れてAPK化しようとしたら、こんなエラーが出て続行できませんでした。

調べてみると、すでに導入していたProguardが悪さをしていたようです。

参考　Proguardでcan’t find referenced class

この記事の通りにproguard.cfgに

を書き込もうと思ったんですが、proguard.cfgがない！　見つからない！

どうやら、ADT17.0にてproguardが色々変更されたらしく、私の環境ではproguard.cfgは存在しないようです。

で、また頑張って調べたら、プロジェクトフォルダの直下にあるproguard-project.txtがそれの代わりとなるようです。

proguard-project.txtに、下記のようなパラメータを追加します。

これで正常に動作して、APK化も上手くいきました！

ほー、良かった良かった。

参考　Android – Proguardの有効化(なんとか解決？)

新卒入社のiOS担当エンジニアさんがAndroidアプリについて解説してほしいとのことだったので、簡単な資料を作成しました。

実際にプレゼンするときは、業務で使用している本物のアプリのコードを併用して、具体例を交えながら説明しています。

簡易なものではありますが、概要くらいはつかめるかと思います。できるだけ平易なまとめ方を心がけているので、ざっくりとした知識を知りたいという方はご覧ください。

Androidアプリでカメラ機能を利用する方法のひとつに、撮影するためのActivityの自作があります。

プログラムを組むときにちょっとややこしかったので、メモ代わりに書いておこうと思います。

・パーミッション設定

<uses-permission android:name=”android.permission.CAMERA” />

カメラ機能を有効にするためのパーミッションです。
<uses-permission android:name=”android.permission.WRITE_EXTERNAL_STORAGE” />

撮影した画像をSDカードに保存するためのパーミッションです。
<uses-permission android:name=”android.permission.ACCESS_NETWORK_STATE” />

SDカードが端末に入っているかどうかを判別するためのパーミッションです。

・Manifestにアクティビティ追加

<activity
android:name=”CameraActivity”
android:theme=”@android:style/Theme.Dialog”
android:exported=”false”
android:screenOrientation=”landscape”>
</activity>

注目してほしいのは、

android:theme=”@android:style/Theme.Dialog”

の記述です。

これを書き加えることで、アクティビティをダイアログの画面風にすることができます。

・レイアウトxmlを作成

lo_camera.xml

<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:background=”@color/black”
android:orientation=”vertical” >

<LinearLayout
android:orientation=”vertical”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_gravity=”center”
android:gravity=”center”>
<SurfaceView
android:id=”@+id/surface_view”
android:layout_gravity=”center”
android:gravity=”center”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content” />
</LinearLayout>

</LinearLayout>

・カメラ機能を呼び出すときの記述

遷移元Activity

カメラ機能を呼び出すタイミングでSDカードの有無をチェックしています。

もしSDカードが端末にセットされていなければエラーダイアログを表示して、セットされていればカメラアクティビティをintentで呼び出しています。

・カメラ機能のプログラム

CameraActivity

このソースの通りなので詳しい解説は書きませんが、

この部分はなぜ必要か解りづらいと思います。

試しにこの記述を外して動作させてみてください。画面が暗くなってしまうはずです。

アクティビティをダイアログ風に表示させているので、まわりの暗くしている画面に明るさが連動してしまっているようです。

LayoutParamsで明るさを明示的に設定しています。

・撮影した画像のパスやファイル名を受け取る

遷移元Activity

CameraActivity を

で呼び出したので、finish()するとonActivityResult()に戻ってきます。

この記述で撮影した画像のパスとファイル名を受け取れるので、あとはその変数を煮るなり焼くなりお好きにしてください。

これを実装すると、こんな感じのカメラビューが表示されると思います。

スクリーンショットではカメラのプレビューが真っ暗ですが、本来ならここにファインダーから覗いた視界が映っています。

最近配布されているAndroidアプリのカメラ機能の実装のされ方を見るに、こういった自作のカメラ機能はあまり使われていないようですが、この記事がどなたかの一助になれば幸いです。

androidアプリの画面でよく見かけるのがこういう画面。

画面の下端に横一列に並ぶ、タブメニューボタン。

これは、背景となる元画像あって、その上から文字を重ねているわけですが、その元画像のサイズの縦横比を維持したままで、端末の横幅に合わせて拡大縮小させて並べる必要があります。

↑のキャプチャ画面は、NexusSでアプリを開いた場合の画面で、↓のキャプチャはNexus7で開いた場合です。

androidは画面の解像度が多種多様なため、端末対応が大変です。レイアウトxmlを上手いこと設定しないと、画面が崩れて残念なことになってしまいます。

ちなみに、元画像は↓こんな感じです。

これと

これです。

・レイアウトを画面下部に固定する

これは簡単です。

<?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/layout_main"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical" >

<LinearLayout
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:layout_weight="1"
 android:gravity="center_vertical"
 android:orientation="horizontal" >

<!-- メインで表示されるレイアウト -->

</LinearLayout>

<!-- 下メニュー -->
 <LinearLayout
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:orientation="horizontal" >

<!-- 画面下部に固定で表示されるレイアウト -->

</LinearLayout>

</LinearLayout>

2つのLinearLayoutの、上に設置される方のandroid:layout_weightを1に設定します。

これで、タブメニューの高さ以外の部分は、すべて上のLinearLayoutが占有してくれます。

上のLinearLayoutの中にお好きなレイアウトを入れて、下のLinearLayoutにタブメニューのボタンを配置していきましょう。

・Buttonクラスを使ってみる

とりあえず、真っ先に浮かんだのがこの方法。

android:backgroundにボタン画像を指定したButtonクラスを、左から順番に4つ並べて、上述したandroid:layout_weightの使い方と同じ感覚で値を設定したものです。

このソースだと、こう表示されます。

一見良さそうに見えますが、よく見ると縦幅がちょっと伸びています。元画像と見比べてみてください。

どうやらButtonクラスは背景に指定した画像の縦横サイズなどは反映してくれないようです。

あくまで「Button」なので、背景に設定した画像の情報を持ってきていないのでしょうか。どうやっても画像の縦横比を維持したままでの拡大縮小はできませんでした。

・ImageButtonクラスを使ってみる

ボタン画像の縦横比が問題なので、次にImageButtonを試してみました。

これはImage画像に対してandroid:scaleTypeやandroid:adjustViewBoundsが有効なので、正確な縦横比で表示してくれるはずです。

このソースを実行してみると、こうなりました。

あれっ？　文字が表示されないよ……。

表示したいのは画像だけなので、android:background=”@null”と設定しているのですが、どうやらテキストはその部分に引っ張られるみたいですね。

ボタンの上下左右ならテキストも表示できるみたいなんですがね、重ねるのは不可能らしいです。

・結論、これしかないっぽい

FrameLayoutでImageViewとTextViewを重ねて配置します。それを横一列に並べて、4つのFrameLayoutのandroid:layout_weightの値を1にするのです。

そう、つまり力技です。

ボタン1つ分のFrameLayoutは下記のようになります。これを4つコピペして、表示される文字とかクリックリスナーに送られるビューとかを編集します。

<FrameLayout
 android:layout_weight="1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:orientation="horizontal" >
 <ImageView
 android:src="@drawable/bt_tab_menu"
 android:adjustViewBounds="true"
 android:scaleType="fitXY"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:onClick="loadCalender" />
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_gravity="center|center_vertical"
 android:clickable="false"
 android:textSize="12sp"
 android:textColor="#000000"
 android:text="@string/calender" />
 </FrameLayout>

これで念願のレイアウトが完成しました。

色々と試行錯誤してて検索している人たちのお役に立てればいいなあ。