読者です 読者をやめる 読者になる 読者になる

【Android】EditTextの雛形サンプル

Android

 

EditTextの雛形サンプルです。

▼雛形(入力してください)

 

f:id:stanleyblenz:20161105143349p:plain

 

--------------------------------------------------------------------------------------------------------------------

<EditText
  android:id="@+id/text"
  android:hint="入力してください"
  android:textColor="#ffffff"
  android:textColorHint="#ffffff"
  android:inputType="text"
  android:imeOptions="actionNext
  android:nextFocusForward="@+id/btn"
  android:layout_gravity="center"
  android:layout_width="match_parent"
  android:layout_height="50dp"
  android:layout_marginLeft="5dp"
  android:layout_marginRight="5dp"
  android:padding="10dp"
  android:background="@drawable/kadomaru"/>

 

drawable/kadomaru.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
    <shape
      android:shape="rectangle"><!--形状-->
      <solid
        android:color="#ffa726"/><!--色-->
      <stroke
        android:width="1dp"
        android:color="#ffa726"/><!--枠線-->
      <corners
         android:radius="10dp"/><!--角の丸み-->
    </shape>
  </item>
</selector>

 

▼属性の説明

android:inputTypeなし  ※通常のテキスト(確定ボタンが「←」※改行してしまう)
android:inputType="text" ※通常のテキスト(確定ボタンが「完了」※改行不可)
android:inputType="number"   ※数値
android:inputType="phone"   ※電話番号
android:inputType="textPassword"   ※パスワード
android:imeOptions="actionNext"   ※キーボードの確定ボタンが「次へ」アイコン
android:imeOptions="actionDone"    ※キーボードの確定ボタンが「完了」アイコン
android:imeOptions="actionSearch" ※キーボードの確定ボタンが「虫眼鏡」アイコン
android:nextFocusForward="@+id/btn" ※移動先を指定
android:maxLength="10" ※文字数制限

 

▼実装(InputType)

android:inputType="text"
edittext.setInputType(InputType.TYPE_CLASS_TEXT);

android:inputType="number"
edittext.setInputType(InputType.TYPE_CLASS_NUMBER);

android:inputType="textPassword"  ※実装の場合、2つ属性で表現する

edittext.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD); 

 

▼実装(imeOptions)
edittext.setImeOptions(DEFAULT_KEYS_DIALER); ※←アイコン
edittext.setImeOptions(DEFAULT_KEYS_DISABLE); ※完了アイコン
edittext.setImeOptions(DEFAULT_KEYS_SEARCH_LOCAL); ※虫眼鏡アイコン
edittext.setImeOptions(5); ※次へアイコン