2017-10-17 6 views
0

私はXMlを使用してフローティングラベルを設計しましたが、フローティングラベルは必須フィールドには適用されませんが、通常フィールドには適用されるため、ファーストネームおよびモバイル番号などの必須フィールドを含むログインページを作成しています。ログインページの必須フィールドのフローティングラベル

まず、あなたはGradleの中にコードを追加する必要があります:私はhint.Belowが、私は誰もがあなたがこの例を参照することができ、私はこの

<android.support.design.widget.TextInputLayout 
       android:id="@+id/input_layout_password" 
       android:layout_width="match_parent" 
       android:layout_below="@+id/input_layout_email" 
       android:layout_height="wrap_content"> 

       <EditText 
        android:id="@+id/mobilenumber" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:inputType="textPassword" 
        android:textSize="15dp"/> 
       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" /> 
      </android.support.design.widget.TextInputLayout> 

答えて

0

を解決するために役立つlabels.Can浮動に使用されるコードです置きます。

dependencies { 
    compile fileTree(dir: 'libs', include: ['*.jar']) 
    compile 'com.android.support:appcompat-v7:23.0.1' 
    compile 'com.android.support:design:23.0.1' 
} 
私はそれはあなたの問題を助けることができると思います

とレイアウト

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary" 
      app:layout_scrollFlags="scroll|enterAlways" 
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> 
    </android.support.design.widget.AppBarLayout> 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="match_parent" 
     android:layout_marginTop="?attr/actionBarSize" 
     android:orientation="vertical" 
     android:paddingLeft="20dp" 
     android:paddingRight="20dp" 
     android:paddingTop="60dp"> 

     <android.support.design.widget.TextInputLayout 
      android:id="@+id/input_layout_name" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"> 

      <EditText 
       android:id="@+id/input_name" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:singleLine="true" 
       android:hint="@string/hint_name" /> 
     </android.support.design.widget.TextInputLayout> 

     <android.support.design.widget.TextInputLayout 
      android:id="@+id/input_layout_email" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"> 

      <EditText 
       android:id="@+id/input_email" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:inputType="textEmailAddress" 
       android:hint="@string/hint_email" /> 
     </android.support.design.widget.TextInputLayout> 

     <android.support.design.widget.TextInputLayout 
      android:id="@+id/input_layout_password" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"> 

      <EditText 
       android:id="@+id/input_password" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:inputType="textPassword" 
       android:hint="@string/hint_password" /> 
     </android.support.design.widget.TextInputLayout> 

     <Button android:id="@+id/btn_signup" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:text="@string/btn_sign_up" 
      android:background="@color/colorPrimary" 
      android:layout_marginTop="40dp" 
      android:textColor="@android:color/white"/> 

    </LinearLayout> 

</android.support.design.widget.CoordinatorLayout> 

!あなたのbuild.gradle最新APPCOMPATとデザインライブラリを追加でhttps://www.androidhive.info/2015/09/android-material-design-floating-labels-for-edittext/

0

あなたは、よりを参照することができます。

dependencies 
{ 
compile 'com.android.support:appcompat-v7:X.X.X' // where X.X.X version 
compile 'com.android.support:design:X.X.X' // where X.X.X version 
} 

注あなたのEditTextを宣言し、TextInputLayout

<android.support.design.widget.TextInputLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content"> 

<EditText 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:hint="@string/Title" /> 

</android.support.design.widget.TextInputLayout> 

でそれをラップ:hint属性、あなたがそれらのいずれかを使用することができます。

両方のウィジェットTextInputLayoutとのEditTextがアンドロイドを持っています。あなたのアプリがランドスケープモードをサポートしている場合は、ヒントが正しく表示されるように、EditTextをTextInputEditTextに置き換えてください。

+0

をお試しください赤い始まりですが、ヒントで可能です。 –

+0

私はそうは思わない、edittextが空の場合はsetError()を行う。 –

+0

固定赤を表示したい場合、回避策はFrameLayoutを使ってTextInputLayoutとTextViewをラップすることである。 TextViewを左下に揃え、leftPaddingをEditTextに追加して、入力されたテキストが* –

関連する問題