ラベル サンプルコード の投稿を表示しています。 すべての投稿を表示
ラベル サンプルコード の投稿を表示しています。 すべての投稿を表示

2015年11月7日土曜日

【HTML】【CSS】コピペで使えるサンプル集-引用部分編

ブログなどでコピペだけで使えるHTMLタグのサンプル集を紹介していきたいと思います。

ここでは他サイトから文章を引用した時に使う引用部分(brockquote)のデザインについて
コピペだけで利用できるタグを紹介してきたいと思います。

CSSがわかる方は更にカスタマイズしていただければと思います。

タグ内でCSSを使用していますので、コピペで利用可能なものだけを紹介しますので、
画像は使用しません。


■利用方法
・テキストエリアのHTMLタグをコピペしてブログ等に貼り付けてください


関連記事

【HTML】【CSS】コピペで使えるサンプル集-見出し編(応用)
【HTML】【CSS】コピペで使えるサンプル集-見出し編(シンプル)
【HTML】【CSS】コピペで使えるサンプル集-ボタン編
【HTML】【CSS】コピペで使えるサンプル集-背景編



────────────────────────────────────────────────────────────────────
----------------------------------------------------------------------------------------------------------------------------------------

引用部分サンプル集

----------------------------------------------------------------------------------------------------------------------------------------
────────────────────────────────────────────────────────────────────


「引用部分①」
画像を使うBLOCKQUOTEと画像を使わないBLOCKQUOTEを
いろいろデザインする




引用部分②
ここに引用する文章を記載してください。



Let's create some interesting and modern styles for block quotes. We'll be using different techniques for creating a unique look for six examples.
tympanus




【HTML】【CSS】コピペで使えるサンプル集-背景編

ブログなどでコピペだけで使えるHTMLタグのサンプル集を紹介していきたいと思います。

ここではホームページやブログのデザインに大きく営業する背景や模様について
コピペだけで利用できるタグを紹介してきたいと思います。

CSSがわかる方は更にカスタマイズしていただければと思います。

タグ内でCSSを使用していますので、コピペで利用可能なものだけを紹介しますので、
画像は使用しません。


■利用方法
・テキストエリアのHTMLタグをコピペしてブログ等に貼り付けてください


関連記事

【HTML】【CSS】コピペで使えるサンプル集-見出し編(応用)
【HTML】【CSS】コピペで使えるサンプル集-見出し編(シンプル)
【HTML】【CSS】コピペで使えるサンプル集-ボタン編
【HTML】【CSS】コピペで使えるサンプル集-引用部分編


────────────────────────────────────────────────────────────────────
----------------------------------------------------------------------------------------------------------------------------------------

背景サンプル集

----------------------------------------------------------------------------------------------------------------------------------------
────────────────────────────────────────────────────────────────────

背景・模様①



背景・模様②



背景・模様③



2015年11月2日月曜日

【WEB】マウスホバーエフェクトの導入

今回はGitHubに公開されているcssライブラリ(Hover.cssファイル)を導入することで、
手軽にマウスがのった時のボタンやリンクの動作(ホバーエフェクト)を設定する方法をご紹介いたします。

しばらくAndroidアプリ開発からは離れHTMLやCSSを利用したWEB開発の方法を紹介していますが、
これも後々アプリ開発に繋がると思っていますので今は情報をまとめておきたいと思います(^^;


Hover.cssの導入手順


導入手順は以下のとおりです。
ブログなどに導入する場合は<HEAD>タグが編集できる必要があります。

①Hover.cssをダウンロードします。
②ダウンロードは以下のページにアクセスして「Download ZIP」から行います。
「Hover-master.zip」というファイルがダウンロードされますので、
 中の「css」フォルダにある「Hover.css」ファイルをコピーしておきます。
④「Hover.css」をWEB上に公開し、以下のようにHEADタグ内に記載します。
<head>
    <link href="css/hover-min.css" rel="stylesheet">
</head>



Demo


主な動作としては、開発者の方がDemo用のページを用意していますので、まずはそちらをご覧ください。

http://ianlunn.github.io/Hover/


Demoではボタンのみの動作を紹介していましたが、これはリンクでも画像でも利用可能です。



Pulse




ボタン以外にも「Hover.css」を有効活用できる効果的な利用方法を紹介していきたいと思います。




テキスト編


ほたるの光 まどの雪
書(ふみ)よむつき日 かさねつつ
いつしか年も すぎのとを
あけてぞけさは わかれゆく

ほたるの光
まどの雪
書(ふみ)よむつき日
かさねつつ
いつしか年も
すぎのとを
あけてぞけさは
わかれゆく


画像編






















随時更新予定…

2015年11月1日日曜日

【HTML】【CSS】コピペで使えるサンプル集-見出し編(応用)

ブログなどでコピペだけで使えるHTMLタグのサンプル集を紹介していきたいと思います。

ここでは以前紹介した見出し編(シンプル)に少し多めにCSSを使って、少し凝ったデザインの見出しをまとめていきます。


CSSがわかる方は更にカスタマイズしていただければと思います。

タグ内でCSSを使用していますので、コピペで利用可能なものだけを紹介しています。
画像は使用しておりません。

■利用方法
・テキストエリアのHTMLタグをコピペしてブログ等に貼り付けてください
・見出しのタイトルは書き換えてください
・背景色を変更したい場合は「background」の部分を変更してください
・文字色を変更したい場合は「color」の部分を変更してください


関連記事

【HTML】【CSS】コピペで使えるサンプル集-見出し編(シンプル)
【HTML】【CSS】コピペで使えるサンプル集-ボタン編
【HTML】【CSS】コピペで使えるサンプル集-背景編
【HTML】【CSS】コピペで使えるサンプル集-引用部分編



────────────────────────────────────────────────────────────────────
----------------------------------------------------------------------------------------------------------------------------------------

見出しサンプル集

----------------------------------------------------------------------------------------------------------------------------------------
────────────────────────────────────────────────────────────────────

見出し①




見出し②




見出し③





2015年10月29日木曜日

【HTML】【CSS】コピペで使えるサンプル集-ボタン編

ブログなどでコピペだけで使えるHTMLタグのサンプル集を紹介していきたいと思います。

第二弾は「ボタン」編として一般的に使用されているようなものをまとめていきます。
コピペだけで使用可能なものだけを紹介しています。

■利用方法
・テキストエリアのHTMLタグをコピペしてブログ等に貼り付けてください
・ボタンのキャプションはご使用時には書き換えてください
・背景色を変更したい場合は「background」の部分を変更してください
・文字色を変更したい場合は「color」の部分を変更してください

関連記事

【HTML】【CSS】コピペで使えるサンプル集-見出し編(シンプル)
【HTML】【CSS】コピペで使えるサンプル集-見出し編(応用)
【HTML】【CSS】コピペで使えるサンプル集-背景編



────────────────────────────────────────────────────────────────────
----------------------------------------------------------------------------------------------------------------------------------------

ボタン サンプル集

----------------------------------------------------------------------------------------------------------------------------------------
────────────────────────────────────────────────────────────────────

※マウスを載せた時の動作は【WEB】マウスホバーエフェクトの導入の方法を利用しています。














2015年10月10日土曜日

【HTML】【CSS】コピペで使えるサンプル集-見出し編(シンプル)

ブログなどでコピペだけで使えるHTMLタグのサンプル集を紹介していきたいと思います。

ここでは見出し編として一般的にブログ等で使用されているシンプルな見出しをまとめてみましたので、
気に入ったものがあればご利用ください(^o^)/

CSSがわかる方は色や大きさも好きにカスタマイズしていただければと思います。

タグ内でCSSを使用していますので、コピペで利用可能なものだけを紹介しています。
画像は使用しておりません。

■利用方法
・テキストエリアのHTMLタグをコピペしてブログ等に貼り付けてください
・見出しのタイトルは書き換えてください
・背景色を変更したい場合は「background」の部分を変更してください
・文字色を変更したい場合は「color」の部分を変更してください


関連記事

【HTML】【CSS】コピペで使えるサンプル集-見出し編(応用)
【HTML】【CSS】コピペで使えるサンプル集-ボタン編
【HTML】【CSS】コピペで使えるサンプル集-背景編



────────────────────────────────────────────────────────────────────
----------------------------------------------------------------------------------------------------------------------------------------

見出しサンプル集

----------------------------------------------------------------------------------------------------------------------------------------
────────────────────────────────────────────────────────────────────

見出し①



見出し②




見出し③





2015年8月31日月曜日

【アプリ開発】アプリのショートカットを作成

しばらくぶりの更新となってしまいましたが、
アプリのショートカットの作成方法について書いていきたいと思います。
更新が不定期ですいませんm(_ _)m


データフォルダアプリでもアプリのショートカットを作成する方法を用いて対応していますので、
今回その点について関数にまとめたりしたのでサンプルコードとして紹介しておきたいと思います。

❏パーミッション


必要なパーミッションは、アプリからショートカットを作成するためのパーミッションを追加します。
    <uses-permission android:name="com.android.launcher.permission.INSTALL_SHORTCUT"></uses-permission>

もしアプリからショートカットを削除する場合には、次のパーミッションも追加しておきます。
    <uses-permission android:name="com.android.launcher.permission.UNINSTALL_SHORTCUT"></uses-permission>


❏サンプルコード

このコードは、ギャラリーからintentで画像を取得して、取得した画像でショートカット作成を行うサンプルコードになります。
 @Override
 protected void onActivityResult(int requestCode, int resultCode, Intent data)
 {
  if(requestCode == REQUEST_GALLERY && resultCode == RESULT_OK)
  {
   try {
    InputStream in = getContentResolver().openInputStream(data.getData());
    Bitmap img = BitmapFactory.decodeStream(in);
    in.close();
    // 選択した画像をアイコン(ショートカット)として追加
    shortcutAdd(getString(R.string.app_name), img);
   } catch (Exception e) {
    e.printStackTrace();
   }
  }

 }

 /*********************************************************************
  * アイコン(ショートカット)の作成
  *********************************************************************/
 private void shortcutAdd(String name, Bitmap bmp)
 {
  // Delete Shortcut
  shortcutDel(name);

  // Intent to be send, when shortcut is pressed by user ("launched")
  Intent shortcutIntent = new Intent(Intent.ACTION_MAIN);
  shortcutIntent.setClassName(this, MainActivity.class.getName());

  Bitmap scaledBitmap = Bitmap.createScaledBitmap(bmp, 128, 128, true);

  // Decorate the shortcut
  Intent addIntent = new Intent();
  addIntent.putExtra(Intent.EXTRA_SHORTCUT_INTENT, shortcutIntent);
  addIntent.putExtra(Intent.EXTRA_SHORTCUT_NAME, name);
  addIntent.putExtra(Intent.EXTRA_SHORTCUT_ICON, scaledBitmap);
  //addIntent.putExtra(Intent.EXTRA_SHORTCUT_ICON_RESOURCE, icon);

  // Inform launcher to create shortcut
  addIntent.setAction("com.android.launcher.action.INSTALL_SHORTCUT");
  sendBroadcast(addIntent);
 }

 /*********************************************************************
  * アイコン(ショートカット)の削除
  *********************************************************************/
 private void shortcutDel(String name)
 {
  // Intent to be send, when shortcut is pressed by user ("launched")
  Intent shortcutIntent = new Intent(Intent.ACTION_MAIN);
  shortcutIntent.setClassName(this, MainActivity.class.getName());

  // Decorate the shortcut
  Intent delIntent = new Intent();
  delIntent.putExtra(Intent.EXTRA_SHORTCUT_INTENT, shortcutIntent);
  delIntent.putExtra(Intent.EXTRA_SHORTCUT_NAME, name);

  // Inform launcher to remove shortcut
  delIntent.setAction("com.android.launcher.action.UNINSTALL_SHORTCUT");
  sendBroadcast(delIntent);
 }

ショートカットの作成には"com.android.launcher.action.INSTALL_SHORTCUT"のIntentを
ブロードキャスト送信することで行います。
ブロードキャスト送信に渡すIntentには各情報をputExtraで渡して設定します。
Intent.EXTRA_SHORTCUT_INTENTには、作成するショートカットアイコンのclassを設定したIntentを渡します。
Intent.EXTRA_SHORTCUT_NAMEには、作成するショートカットの名前のStringを渡します。
Intent.EXTRA_SHORTCUT_ICONには、作成するショートカットアイコンのBitmapを渡します。
Intent.EXTRA_SHORTCUT_ICON_RESOURCEを使用すれば、リソース(Parcelable)を渡すことでも
作成するショートカットアイコンの設定が可能です。

Intent.EXTRA_SHORTCUT_ICONでBitmapを渡す際は、サイズが大きすぎると設定されないため、アイコンサイズを128x128位に設定しています。

ショートカットの削除する場合には"com.android.launcher.action.UNINSTALL_SHORTCUT"のIntentをブロードキャスト送信することで行います。

❏その他

今回のサンプルコードはショートカットのアイコンをギャラリーから選択して好きなアイコンに設定して作成できるものを
想定しています。

アプリのアイコンについて動的に変更させたいと思っていたのですが、
アプリのアイコンの指定はAndroidManifest.xmlで行われているため、アプリが動作している最中に
直接編集することはできないため、動的な変更は無理であることがわかりましたΣ(゚Д゚)
その代替案として、ショートカットを作成することで対応できる場合もあるかなと思います。

2014年11月6日木曜日

【アプリ開発】ActionBarに関するTips

ActionBarに関してTips集としてここに書き込んでいきます。
気づいた時点で更新していきます(・∀・)


タイトルバーを隠す

    //////////////////////////////////
    final ActionBar actionBar = getActionBar();

    // タイトルバーを消去
    actionBar.setDisplayShowTitleEnabled(false);
    actionBar.setDisplayShowHomeEnabled(false);
    //////////////////////////////////


2014年11月2日日曜日

【アプリ開発】RSS取得

2ちゃんまとめ閲覧用アプリを作る機会があったため、
RSSの取得のあたりについて書きたいと思います(^O^)



RSS情報アイテムクラス

以下はRSSで取得した情報を保存するクラスです。


import android.os.Parcel;
import android.os.Parcelable;


/***********************************************************************
 * RSS情報アイテムクラス
 ***********************************************************************/
public class RssItem implements Parcelable
{
 // 記事のサイト名
 private CharSequence mSiteName;
 // 記事のタイトル
 private CharSequence mTitle;
 // 記事の日付
 private CharSequence mDate;
 // 記事のリンク
 private CharSequence mLink;
 // 記事のカテゴリ
 private CharSequence mCategory;

 // コンストラクタ
 public RssItem() 
 {
  mSiteName = "";
  mTitle = "";
  mDate = "";
  mLink = "";
  mCategory = "";
 }
 private RssItem(Parcel in)
 {
         mSiteName = in.readString();
         mTitle = in.readString();
         mDate = in.readString();
         mLink = in.readString();
         mCategory = in.readString();
 }

 /***********************************************************************
  * 日付の取得・セット
  ***********************************************************************/
 public CharSequence getDate() {
  return mDate;
 }
 public void setDate(CharSequence date) {
  mDate = date;
 }

 /***********************************************************************
  * タイトルの取得・セット
  ***********************************************************************/
 public CharSequence getTitle() {
  return mTitle;
 }
 public void setTitle(CharSequence title) {
  mTitle = title;
 }

 /***********************************************************************
  * サイト名の取得・セット
  ***********************************************************************/
 public CharSequence getSiteName() {
  return mSiteName;
 }
 public void setSiteName(CharSequence name) {
  mSiteName = name;
 }

 /***********************************************************************
  * リンクの取得・セット
  ***********************************************************************/
 public CharSequence getLink() {
  return mLink;
 }
 public void setLink(CharSequence link) {
  mLink = link;
 }

 /***********************************************************************
  * カテゴリの取得・セット
  ***********************************************************************/
 public CharSequence getCategory() {
  return mCategory;
 }
 public void setCategory(CharSequence category) {
  mCategory = category;
 }

 @Override
 public int describeContents()
 {
  return 0;
 }

 @Override
 public void writeToParcel(Parcel out, int flags)
 {
         out.writeString(mSiteName.toString());
         out.writeString(mTitle.toString());
         out.writeString(mDate.toString());
         out.writeString(mLink.toString());
         out.writeString(mCategory.toString());
 }

 public static final Parcelable.Creator CREATOR
  = new Parcelable.Creator()
 {
  public RssItem createFromParcel(Parcel in) 
  {
      return new RssItem(in);
  }

  public RssItem[] newArray(int size) 
  {
      return new RssItem[size];
  }
 };
}



RSS情報アイテム取得処理

以下はRSSを読み取ってRSS情報アイテムクラスにセットしている処理です。 

 // 判定用
 boolean IsItemTag(String tag){ return (tag.equals("entry") || tag.equals("item")); }
 boolean IsTitleTag(String tag){ return tag.equals("title"); }
 boolean IsDateTag(String tag){ return (tag.equals("issued") || tag.equals("date")); }
 boolean IsLinkTag(String tag){ return tag.equals("link"); }
 boolean IsSubjectTag(String tag){ return tag.equals("subject"); }

 /*******************************************************************************
  * XMLをパースする
  *
  * @param InputStream  is  : XMLテキスト
  *******************************************************************************/
 public void parseXml(InputStream is) throws IOException, XmlPullParserException
 {
  // パーサー準備
  XmlPullParser parser = Xml.newPullParser();
  try
  {
   parser.setInput(is, null);
   int eventType = parser.getEventType();
   RssItem currentItem = null;
   while (eventType != XmlPullParser.END_DOCUMENT)
   {
    String tag = null;
    switch (eventType)
    {
    // 開始タグの判定
    case XmlPullParser.START_TAG:
     tag = parser.getName();
     if (IsItemTag(tag))
     {
      // <item><entry>の場合、RssItemクラス生成
      currentItem = new RssItem();
     }
     else if (currentItem != null)
     {
      if (IsTitleTag(tag))
      {
       // <title>の場合、タイトルセット
       currentItem.setTitle(parser.nextText());
      }
      else if (IsDateTag(tag))
      {
       // <issued><date>の場合、日付セット
       currentItem.setDate(parser.nextText());
      }
      else if(IsLinkTag(tag))
      {
       // <link>の場合、リンク先のURLをセット
       String strLink = "";
       for(int i=0; i<parser.getAttributeCount(); i++)
       {
        if(parser.getAttributeName(i).equals("href"))
        {
         strLink = parser.getAttributeValue(i);
        }
           }
       if(strLink.equals(""))
       {
        strLink = parser.nextText();
       }
       currentItem.setLink(strLink);
      }
      else if(IsSubjectTag(tag))
      {
       // <subject>の場合、題名セット
       currentItem.setCategory(parser.nextText());
      }
     }
     break;
    // 終了タグの判定
    case XmlPullParser.END_TAG:
     tag = parser.getName();
     if (IsItemTag(tag))
     {
      :
     }
     break;
    }
    // 次のタグを取得
    eventType = parser.next();
   }
  }
  catch (Exception e)
  {
   e.printStackTrace();
  }
 }






実際2ちゃんのアプリに組み込んで使用しています。
友人から提案してもらったアイディアで作成したアプリで友人の方でアプリを公開していたのですが、
現在はアプリ停止されています(・_・;)


Googleは急にアプリ停止されたり、アカウント停止される危険性があるのでこわいところですね(´・ω・`)

2014年9月7日日曜日

【アプリ開発】画像ファイルなしで背景画像を作る③

以前の記事
【アプリ開発】画像ファイルなしで背景画像を作る①
【アプリ開発】画像ファイルなしで背景画像を作る②
で、プログラムで背景を描画するサンプルアプリを紹介しました。

今回も第3弾として背景の描画を4つ追加してアプリを更新しました(^0^)/

前回同様、今回もその背景のサンプルコードとスクリーンショットを載せていきます(´・ω・`)
画像の容量を節約しつつクールな背景画像として利用できればと思いますので、
参考にオリジナルの背景としてアプリにご利用いただければうれしいです☆


アプリ


















まずは、再度サンプルアプリを紹介します。
今回紹介する背景も追加してアップデート済みですので、まずはお試しください(^0^)/♪



背景パターン(今回追加分)

前回までの10の背景パターンに加えて、以下の4つの背景パターンをアプリに追加しました。
今回は多少実用的な背景ができたので、テーマをつけて紹介します。

□雨あと
 ・多数の線と円の模様(2色、半透明)

□四角模様(左下)
 ・多数の四角形をちりばめた模様(2色、半透明)  

□四角模様(上下)
 ・多数の四角形をちりばめた模様(カラフル、半透明)

□四角模様(真ん中)
 ・多数の四角形をちりばめた模様(1色、半透明)  



雨あと




雨が降って波紋が広がるような画の背景です。

まず線をランダムに描画して、2色の円を右下の方に描画しています。
ランダムに取得したX座標とY座標が左上の座標(0,0)の半径240pxの円の範囲内に入らないようにして描画しています。


 // 線と円の描画
 public void DrawBackground011(Canvas csCanvas)
 {
  Random rand = new Random();

  Paint csPaint = new Paint();
  csPaint.setAntiAlias(true);
  csPaint.setColor(Color.argb(128+rand.nextInt(80),rand.nextInt(256),rand.nextInt(256),rand.nextInt(256)));

  RectF sOval = new RectF();
  for(int x=0; x<=320; x+=20)
  {
   if(x==160) csPaint.setColor(Color.argb(128+rand.nextInt(80),rand.nextInt(256),rand.nextInt(256),rand.nextInt(256)));
   for(int y=0; y<=320; y+=80)
   {
    int nX = 0, nY = 0;
    boolean bLoop=true;
    while(bLoop)
    {
     nX = rand.nextInt(320);
     nY = rand.nextInt(320);
     if(240 < Math.sqrt(nX*nX+nY*nY)) bLoop = false;
    }
    int nSize = rand.nextInt(30)+10;
    sOval.set(nX, nY, nX+nSize, nY+nSize);
    csCanvas.drawOval(sOval, csPaint);
   }
   int nX = rand.nextInt(320);
   int nY = rand.nextInt(320);
   int nSize = rand.nextInt(40);
   csCanvas.drawLine(nX, nY, nX+nSize, nY+nSize, csPaint);

  }

 }


2014年8月15日金曜日

【アプリ開発】画像ファイルなしで背景画像を作る②

以前の記事「【アプリ開発】画像ファイルなしで背景画像を作る①」で、プログラムで背景を描画するサンプルアプリを紹介しましたが、
そのアプリを更新して今回、背景の描画を3つ追加しました(^0^)/

前回同様、今回もその背景のサンプルコードとスクリーンショットを載せていきます(´・ω・`)
画像の容量を節約しつつクールな背景画像として利用できればと思いますので、
参考にオリジナルの背景としてアプリにご利用いただければうれしいです☆

アプリ


















まずは、再度サンプルアプリを紹介します。
今回紹介する背景も追加してアップデート済みですので、まずはお試しください(^0^)/♪



背景パターン(今回追加分)

前回の7つの背景パターンに加えて、以下の3つの背景パターンをアプリに追加しました。

 ・四角形の幾何学模様(モノクロ)
 ・多数の四角形の幾何学模様(モノクロ)  
 ・多数の線と円の統一色の模様(1色、半透明)





四角形の幾何学模様



背景名の命名は適当にそれっぽい名前をつけていますので、良い名前があればコメントください(^^;
四角形を90度回転させながら段々小さく描画していきました。
色は交互に白黒で変化させています。
 // 四角形の幾何学模様
 public void DrawBackground008(Canvas csCanvas)
 {
  Paint csPaint = new Paint();
  csPaint.setAntiAlias(true);
  RectF sRect = new RectF();
  for(int xy=320; xy>0; )
  {
   csPaint.setColor(Color.BLACK);
   sRect.set(160-xy/2, 160-xy/2, 160+xy/2, 160+xy/2);
   csCanvas.drawRect(sRect, csPaint);
   xy/=Math.sqrt(2);
   csCanvas.rotate(45, 160, 160);
   csPaint.setColor(Color.WHITE);
   sRect.set(160-xy/2, 160-xy/2, 160+xy/2, 160+xy/2);
   csCanvas.drawRect(sRect, csPaint);
   xy/=Math.sqrt(2);
   csCanvas.rotate(45, 160, 160);
  }
 }


2014年7月16日水曜日

【アプリ開発】TextViewの小ネタ(Tips)

TextViewの便利な設定やちょっとした小技をまとめていきます☆



URLやメールアドレスの自動リンク設定


    // 自動的にリンクを生成するように設定
    TextView csLinkedTextView = new TextView(this);
    csLinkedTextView.setText("URL:http://www.takahara-books.com/Android/");
    csLinkedTextView.setAutoLinkMask(Linkify.ALL);




フォントの指定


    // ビューに表示するフォントを指定
    TextView csFontTextView = new TextView(this);
    csFontTextView.setText("サンプル");
    csFontTextView.setTypeface(Typeface.SERIF, Typeface.BOLD_ITALIC);




自動補完の機能追加


    // 候補に表示される文字列
    String[] strAutoWordlist = new String[]{
        "Cupcake",
        "Cute",
        "Donut",
        "Eclair",
        "Froyo",
        "Gingerbread",
        "Honeycomb",
        "IceCreamSandwich",
        "Kitkat"
    }

    // アダプタを作成
    ArrayAdapter adapterAuto = new ArrayAdapter(
        this,
        android.R.layout.simple_dropdown_item_1line,
        strAutoWordlist
    );

    // AutoCompleteTextViewインスタンスを作成
    AutoCompleteTextView csAutoCompTextView = new AutoCompleteTextView(this);

    // アダプタをセット
    csAutoCompTextView.setAdapter(adapterAuto);




2014年5月28日水曜日

【アプリ開発】アイコンに多言語のテキスト追加

アイコン等の画像を用意するとき、テキスト付きのアイコンを用意する場合があると思います。

以前にも【アプリ開発】画像への描画について書きましたが、今回はボタン用のアイコンに
多言語のテキストを描画してわざわざ多言語用のアイコンを用意せずにアプリで利用しようという
方法になります(^^)

自分もよくテキスト付きのアイコンを使っていたのですが、
日本語以外の言語に対応する場合、他の言語用のアイコンを用意する必要が出てしまい、
とても面倒でした(´・ω・`)

なので、テキストなしのアイコンのみ用意して、
プログラム内で画像にテキストを描画したものをBitmapとして使う方法がとても便利でしたので、
紹介していきます♪




用意するアイコン

最近データフォルダで追加したアイコンになりますが、
データフォルダで複数選択時、画面下に表示するテキスト無しのアイコンになります。


データフォルダでの複数選択時

 


アイコンにテキストを描画してBitmapとして使用しています。
最初に用意したテキスト無しのアイコンだけで他言語用のアイコンを作成できるため、
個別に各言語用のアイコンを用意する必要がありません。




描画処理

以下の関数に読み込んだアイコンのBitmapと書き込みたいテキストを渡して、
テキストの色とサイズを指定すれば、画像の下部にテキストを追加できます。

2014年5月23日金曜日

【WEB】円形プログレス

CSSとJavaScriptとHTMLのコードだけで使えるブログ用のパーツとして使えるものが他にもありましたので、紹介します(^^)

円形のプログレスが上がったり下がったりするアニメーションをしますが、
カスタマイズすれば色々と使えるのではないかと思います。




円形プログレス









参考


というサイトで他にも色々と使ってみたいコードがあります♪

また良い物があれば紹介していきます~(^O^)/

【WEB】計算機


CSSとJavaScriptとHTMLのコードだけで使える計算機を見つけましたので紹介します(^^)
(ブログでちゃんと動くかは未確認ですが(^^;))



計算機




C
7 8 9 + 4 5 6 - 1 2 3 ÷ 0 . = x





参考


というサイトで他にも色々と使ってみたいコードがあります♪
また良い物があれば紹介していきます~(^O^)/

2014年5月9日金曜日

【アプリ開発】CSVファイル読込クラス

CSVファイルを読み込むだけの汎用的なクラスが欲しくて作成しました(^^;


CSVファイル読込クラス


/***************************************************************************
* CSVコントロールクラス
***************************************************************************/
public class CSVCtrl
{
    /***************************************************************************
    * CSVファイルから読み込んだデータリストを取得
    *
    * @param csContext        コンテキスト
    * @param strCsvFileName   CSVファイル名
    * @return 読み込んだCSVデータリスト
    *
    * @author k0j1
    ***************************************************************************/
    static public List ReadCSV(Context csContext, String strCsvFileName)
    {
        InputStream csInputStream = null;
        BufferedReader csBufReader = null;
        List sCsvList = new ArrayList();

        try
        {
            AssetManager csAsset = csContext.getResources().getAssets();
            csInputStream = csAsset.open(strCsvFileName);
            csBufReader = new BufferedReader(new InputStreamReader(csInputStream));

            // タイトル処理
            // タイトルは読み捨てる
            csBufReader.readLine();

            // データ処理
            {
                // 最終行まで読み込む
                for( String line = ""; (line = csBufReader.readLine()) != null; )
                {

                    // 1行をデータの要素に分割
                    StringTokenizer csStringToken = new StringTokenizer(line, ",");

                    // リストに保持
                    sCsvList.add(csStringToken);
                }
                csBufReader.close();
            }

        } catch (FileNotFoundException e) {
            // Fileオブジェクト生成時の例外捕捉
            e.printStackTrace();
        } catch (IOException e) {
            // BufferedReaderオブジェクトのクローズ時の例外捕捉
            e.printStackTrace();
        }

        return sCsvList;
    }
}


上記の関数で以下のような最初の1行がタイトル行であるCSVファイルを処理できます。


❏timetable.csv
番号,50音順(1:あ行、2:か行、…),地域区分,区,愛称,経路区分,経路・時刻表名,URL
1,1,1,荒川区,さくら・汐入さくら,1,運行ルート,http://yamatocreation.cocotte.jp/bus/arakawa/keiro
2,1,1,荒川区,さくら・汐入さくら,2,さくら時刻表,http://yamatocreation.cocotte.jp/bus/arakawa/sakura
3,1,1,荒川区,さくら・汐入さくら,3,汐入さくら時刻表,http://yamatocreation.cocotte.jp/bus/arakawa/sioiri
4,1,1,荒川区,さくら・汐入さくら,4,町屋さくら時刻表,http://yamatocreation.cocotte.jp/bus/arakawa/matiya
:

2014年5月3日土曜日

【アプリ開発】pxからdip(dp)への変換

アプリ開発をしててコード上でレイアウト調整するときなんかに
よく使う関数ですので紹介しときます(^^)




pxからdip(dp)に変換する関数(メソッド)


    /*******************************************
     * ChangeDip()
     * ピクセルからDipにサイズを変換
     * 
     * @param  ac  Activity
     * @param  nPixel 変換するピクセル値
     * @return  Dip値
     *******************************************/
    static public int ChangeDip(Activity ac, int nPixel)
    {
        final float scale = ac.getResources().getDisplayMetrics().density;
        return (int) (nPixel * scale);
    }

dip(dp)とは
ピクセル(px)は端末ごとに異なる画面密度(dpi)によっては同じピクセル値でも見えてくるサイズが変わるため、端末ごとで一定の値となるdip(=dp)に変換しています。1dipは160dpiの画面で1px、320dpiの画面で2pxです。