android - Android グループ化 TextView

Question

私の Android アプリケーションには、ユーザーが記入しなければならないフォームがあります。このようなものを探していました。このhttp://img688.imageshack.us/img688/4162/photocr.jpg。編集テキストがこのようにきれいに見える場所を意味します。Android でこれを再現する方法についての提案。このような UI を持つ Android のアプリケーションをいくつか見てきました。どんな提案でも大歓迎です。

敬具、

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/round_linearlayout"
    android:orientation="vertical" >

    <EditText
        android:id="@+id/first_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/first_name_hint_text"
        android:singleLine="true"
        android:textColor="#778BB0"
        android:textColorHint="#778BB0"
        android:textSize="13sp"
        android:textStyle="bold" />

    <EditText
        android:id="@+id/last_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/last_name_hint_text"
        android:singleLine="true"
        android:textColor="#778BB0"
        android:textColorHint="#778BB0"
        android:textSize="13sp"
        android:textStyle="bold" />

    <EditText
        android:id="@+id/email_address"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/email_address_hint_text"
        android:singleLine="true"
        android:textColor="#778BB0"
        android:textColorHint="#778BB0"
        android:textSize="13sp"
        android:textStyle="bold" />

    <EditText
        android:id="@+id/password"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/password_hint_text"
       android:singleLine="true"
        android:textColor="#778BB0"
        android:textColorHint="#778BB0"
        android:textSize="13sp"
        android:textStyle="bold" />

    <Button
        android:id="@+id/already_have_an_account"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:background="@android:color/transparent"
        android:padding="20dp"
        android:text="@string/already_have_an_account"
        android:textColor="@color/hyperlink" />
</LinearLayout>

score 3 · Accepted Answer

あなたがアンドロイドで達成したいことは簡単です。編集テキストにはシェイプドローアブルを使用する必要があります。

これを実現する方法は次のとおりです。

上部編集テキスト用に描画可能な形状ドローアブル

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid 
        android:color="#ffffff"/>
    <corners
        android:topLeftRadius="15dp"
        android:bottomLeftRadius="0dp"
        android:topRightRadius="15dp"
        android:bottomRightRadius="0dp"/>

</shape>

下の編集テキスト用にdrwable

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid 
        android:color="#ffffff"/>
    <corners
        android:topLeftRadius="0dp"
        android:bottomLeftRadius="15dp"
        android:topRightRadius="0dp"
        android:bottomRightRadius="15dp"/>

</shape>

レイアウトの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="#3434ff"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="50dp" >

    <ImageView
        android:id="@+id/img"
        android:layout_width="fill_parent"
        android:layout_height="80dp"
        android:background="@drawable/stack"
        android:layout_marginBottom="50dp" />

    <EditText
        android:id="@+id/emailEdt"
        android:layout_width="fill_parent"
        android:layout_height="60dp"
        android:background="@drawable/edit_back1"
        android:hint="Email"
        android:paddingLeft="10dp" />

    <View
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:background="#5a5a5a" />

    <EditText
        android:id="@+id/passwordEdt"
        android:layout_width="fill_parent"
        android:layout_height="60dp"
        android:background="@drawable/edit_back2"
        android:hint="Password"
        android:paddingLeft="10dp" />

</LinearLayout>

結果のレイアウトは次のようになります。
ここに画像の説明を入力してください

score 3 · Accepted Answer

あなたが望むものへの答えを編集しました。

public class EditTextView extends LinearLayout{

    private LayoutInflater inflater;
    private EditText edit_text;
    private TextView item;
    private View spacer;

    public EditTextView(Context context) {
        super(context);
        inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        initialize();
    }

    public void setLabel(String label){
        item.setText(label);
    }

    public void setText(String text){
        item.setText(text);
    }

    public String getText(){
        if((edit_text != null)&& (edit_text.getText() != null)){
            return edit_text.getText().toString();          
        }
        return "";
    }

    public void showSpacer(){
        spacer.setVisibility(View.VISIBLE);
    }

    private void initialize() {
         inflater.inflate(R.layout.edit_text_view, this);
         edit_text = (EditText) findViewById(R.id.edit_text);
         item = (TextView) findViewById(R.id.edit_text_label);
         spacer = (View) findViewById(R.id.spacer);
         spacer.setVisibility(View.GONE);
    }


}

次のようにテキストを取得するために使用されます

EditTextView textView = (EditTextView) groupedView2.getFieldViewAt(0);
System.out.println(textView.getText());
textView = (EditTextView) groupedView2.getFieldViewAt(1);
System.out.println(textView.getText());

これは私にとって非常にうまく機能します。問題がある場合はお知らせください。

score -1 · Accepted Answer

LinearLayoutborder.xmlを、その LinearLayout の描画可能な背景として適用できます。

ボーダー.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <stroke
        android:width="1dp"
        android:color="@color/grey"/>
<!-- "#5D2E8C"  -->
    <solid android:color="#ffffff" />       <!-- background to the border -->
    <padding
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp" />
    <corners android:radius="20dp" />

</shape>

Username の EditText ビューを入力します。
幅がfill_parent、高さが1dpで、背景色が黒のTextView（これにより、ラインのような感触が得られます）
パスワードの EditText ビュー。

//=========================編集====================== ===========//

<?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/white"
    android:orientation="vertical" >
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/border"
    android:orientation="vertical" >

    <EditText
        android:id="@+id/first_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/first_name_hint_text"
        android:singleLine="true"
        android:textColor="#778BB0"
        android:textColorHint="#778BB0"
        android:textSize="13sp"
        android:textStyle="bold" />
    <View 
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:background="#000000"
        />

    <EditText
        android:id="@+id/last_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/last_name_hint_text"
        android:singleLine="true"
        android:textColor="#778BB0"
        android:textColorHint="#778BB0"
        android:textSize="13sp"
        android:textStyle="bold" />
<View 
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:background="#000000"
        />
<EditText
        android:id="@+id/email_address"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/email_address_hint_text"
        android:singleLine="true"
        android:textColor="#778BB0"
        android:textColorHint="#778BB0"
        android:textSize="13sp"
        android:textStyle="bold" />
<View 
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:background="#000000"
        />
    <EditText
        android:id="@+id/password"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="@string/password_hint_text"
       android:singleLine="true"
        android:textColor="#778BB0"
        android:textColorHint="#778BB0"
        android:textSize="13sp"
        android:textStyle="bold" />
<View 
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:background="#000000"
        />
    <Button
        android:id="@+id/already_have_an_account"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:background="@android:color/transparent"
        android:padding="20dp"
        android:text="@string/already_have_an_account"
        android:textColor="@color/red1" />
</LinearLayout>
</LinearLayout>

android - Android グループ化 TextView

3 に答える 3

Related

Reference