android - 動的ビューが適切な場所に作成されていません。前のビューと重なっています。アンドロイド

Question

私はAndroidが初めてなので、過去数日間微調整しようとしましたが、この部分で立ち往生しています。私のアプリでは、ビューを膨らませてユーザー入力を組み込むのに役立つボタン「さらに追加」を入力しようとしていますが、問題が発生しています。私は周りを見回し、彼のソースコードを使用して問題を解決しましたが、膨張した xml レイアウトが以前のセットアップレイアウトと重なっているという問題に直面しています。

これは、new_class_container ファイル用にセットアップしたレイアウトです

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/parentView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:animateLayoutChanges="true"
        android:orientation="vertical" 
        android:background="@drawable/gradient_gray">

<!-- Class Name -->

         <TextView
             android:id="@+id/register_class_textview"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="@string/write_class_name"
             android:layout_marginTop="20dp"
             android:layout_marginLeft="5dp"
             android:textAppearance="?android:attr/textAppearanceMedium"
             android:textColor="#FFFFFF"/>

         <EditText
             android:id="@+id/register_class_edit"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_toRightOf="@+id/register_class_textview"
             android:layout_alignBaseline="@+id/register_class_textview"
             android:inputType="text"
             android:hint="@string/example_name"
             android:singleLine="true" >
         </EditText>

<!-- Assignment Type and Grade Weight -->

         <TextView
             android:id="@+id/register_assign_textview"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_below="@+id/register_class_textview"
             android:layout_alignLeft="@+id/register_class_textview"
             android:text="@string/write_assignment_type"
             android:layout_marginTop="10dp"
             android:textAppearance="?android:attr/textAppearanceMedium"/>

        <EditText
             android:id="@+id/register_assign_edit"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_below="@+id/register_assign_textview"
             android:layout_alignLeft="@+id/register_assign_textview"
             android:gravity="center_horizontal"
             android:hint="@string/example_assign"
             android:singleLine="true">
         </EditText>

<!-- Save Button -->

   <RelativeLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_alignParentBottom="true"
       android:layout_alignParentLeft="true"
       android:gravity="bottom" >

       <Button
           android:id="@+id/button_save"
           android:layout_width="fill_parent"
           android:layout_height="wrap_content"
           android:gravity="center"
           android:text="@string/save_class" />
   </RelativeLayout>

   <Button
       android:id="@+id/btnAddNewItem"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_below="@+id/register_assign_edit"
       android:layout_centerHorizontal="true"
       android:layout_marginTop="22dp"
       android:gravity="center_horizontal"
       android:onClick="onAddNewClicked"
       android:paddingLeft="5dp"
       android:text="@string/more_assign"
       android:textColor="#FFFFFF" />

   <EditText
       android:id="@+id/register_weight_edit"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_above="@+id/btnAddNewItem"
       android:layout_alignLeft="@+id/register_weight_textview"
       android:ems="10"
       android:hint="@string/example_weight"
       android:inputType="number"
       android:singleLine="true" >
   </EditText>

   <TextView
       android:id="@+id/register_weight_textview"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignBaseline="@+id/register_assign_textview"
       android:layout_alignBottom="@+id/register_assign_textview"
       android:layout_alignParentRight="true"
       android:text="@string/write_assign_percent"
       android:textAppearance="?android:attr/textAppearanceMedium" />

</RelativeLayout>

これは、上記のコードのレイアウトがどのように見えるかであり、「さらに追加」ボタンを押すことができるようにしたいと考えています。たとえば、Assignment Type と Grade Weight の TextViews と EditTexts の「新しい行を作成する」ために膨張します。それぞれの TextViews の。しかし、アプリを実行してさらに追加を押すと、TextView + EditText の新しいセットが、下ではなく上にポップアップします。以下は私の他のxmlファイル new_class です

<?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="wrap_content"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
             android:id="@+id/register_assign_textview"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="10dp"
             android:text="@string/write_assignment_type"
             android:textAppearance="?android:attr/textAppearanceMedium"/>

        <TextView 
             android:id="@+id/register_weight_textview"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="10dp"
             android:text="@string/write_assign_percent"
             android:textAppearance="?android:attr/textAppearanceMedium"
             android:layout_marginLeft="30dp"/>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <EditText
             android:id="@+id/register_assign_edit"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:gravity="center_horizontal"
             android:hint="@string/example_assign"
             android:singleLine="true">
         </EditText>

        <EditText
             android:id="@+id/register_weight_edit"
             android:layout_width="fill_parent"
             android:layout_height="wrap_content"
             android:hint="@string/example_weight"
             android:layout_marginLeft="30dp"
             android:gravity="center_horizontal"
             android:inputType="number"
             android:singleLine="true">
         </EditText>

    </LinearLayout>
</LinearLayout>

そして、これは私が持っているJavaコードです

public class NewClass extends Activity{

    private RelativeLayout mContainerView;

    private Button mAddButton;

    private View mExclusiveEmptyView;


    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.new_class_container);
        mContainerView = (RelativeLayout) findViewById(R.id.parentView);
        mAddButton = (Button) findViewById(R.id.btnAddNewItem);
    }

    protected void onSaveInstanceState(Bundle outState){
        super.onSaveInstanceState(outState);
        //TODO: Handle Screen Rotation
    }

    protected void onRestoreInstanceState(Bundle savedInstanceState) {
        super.onRestoreInstanceState(savedInstanceState);
        // TODO: Handle screen rotation:
        // restore the saved items and inflate each one with inflateEditRow;

    }

    // onClick handler for the "Add new" button;
    public void onAddNewClicked(View v) {
        // Inflate a new row and hide the button self.
        inflateEditRow(null);
        v.setVisibility(View.GONE);
    }

    // onClick handler for the "X" button of each row
    public void onDeleteClicked(View v) {
        // remove the row by calling the getParent on button
        mContainerView.removeView((View) v.getParent());
    }

    private void inflateEditRow(String name) {

        LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        final View rowView = inflater.inflate(R.layout.new_class, null);
        //final ImageButton deleteButton = (ImageButton) rowView
            //  .findViewById(R.id.buttonDelete);
        final EditText editText = (EditText) rowView
                .findViewById(R.id.register_assign_edit);

        if (name != null && !name.isEmpty()) {
            editText.setText(name);
        } else {
            mExclusiveEmptyView = rowView;
            //deleteButton.setVisibility(View.INVISIBLE);
        }

        // A TextWatcher to control the visibility of the "Add new" button and
        // handle the exclusive empty view.
        editText.addTextChangedListener(new TextWatcher() {

            @Override
            public void afterTextChanged(Editable s) {

                if (s.toString().isEmpty()) {
                    mAddButton.setVisibility(View.GONE);
                    //deleteButton.setVisibility(View.INVISIBLE);

                    if (mExclusiveEmptyView != null
                            && mExclusiveEmptyView != rowView) {
                        mContainerView.removeView(mExclusiveEmptyView);
                    }
                    mExclusiveEmptyView = rowView;
                } else {

                    if (mExclusiveEmptyView == rowView) {
                        mExclusiveEmptyView = null;
                    }

                    mAddButton.setVisibility(View.VISIBLE);
                //  deleteButton.setVisibility(View.VISIBLE);
                }
            }

            @Override
            public void beforeTextChanged(CharSequence s, int start, int count,
                    int after) {
            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before,
                    int count) {
            }
        });

        // Inflate at the end of all rows but before the "Add new" button
        mContainerView.addView(rowView, mContainerView.getChildCount() - 1);
    }
}

重なって下に表示されないようにするにはどうすればよいですか? また、「更新」されるたびにボタンを移動するにはどうすればよいですか? ボタンを new_class xml ファイルに移動すると、最初はビューを追加するために表示されないためです。

次のコードを実装してみましたが、最初は動的ビューを適切に追加できましたが、追加されたビューと重なるたびに追加されました。

RelativeLayout.LayoutParams p = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
                ViewGroup.LayoutParams.WRAP_CONTENT);

        p.addRule(RelativeLayout.BELOW, R.id.register_assign_edit);

        rowView.setLayoutParams(p);

score 0 · Accepted Answer

これは、2 つのレイアウトファイルがある場合に機能します:main_layoutとlayout_to_include.

main_layout.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ScrollView 
        android:layout_width="match_parent"
        android:layout_height="400dp"
        android:id="@+id/sv1" >

        <LinearLayout
            android:id="@+id/llAddingContainer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <include layout="@layout/layout_to_include"/>

        </LinearLayout>

    </ScrollView>

    <LinearLayout 
        android:id="@+id/llButtonHolder"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:layout_below="@+id/sv1"
        android:gravity="center_horizontal"
        android:layout_above="@+id/button2" >

        <Button
             android:id="@+id/button1"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:textAlignment="center"
             android:text="Add More" />

    </LinearLayout>

    <Button
        android:id="@+id/button2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:textAlignment="center"
        android:text="Save Class" />

</RelativeLayout>

layout_to_include.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_alignParentTop="true" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Class Name:"
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <EditText
            android:id="@+id/editText1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:hint="Ex: CS 301" >

            <requestFocus />
        </EditText>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="20dp"
        android:layout_below="@+id/linearLayout1" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_weight="1" >

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:text="Assignment Type"
                android:textAppearance="?android:attr/textAppearanceMedium" />

            <EditText
                android:id="@+id/editText2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Ex: Homework" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_marginRight="10dp"
            android:layout_weight="1" >

            <TextView
                android:id="@+id/textView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Grade Weight(%)"
                android:textAppearance="?android:attr/textAppearanceMedium" />

            <EditText
                android:id="@+id/editText3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Ex: 10" />

        </LinearLayout>

    </LinearLayout>    

</RelativeLayout>

これらのレイアウトをコードで使用するには:

....

setContentView(R.layout.main_layout);

....

llAddingContainer = (LinearLayout) findViewById(R.id.llAddingContainer);

// Clicking on this button will add another view from 'layout_to_include' to the ScrollView        
button1 = (Button) findViewById(R.id.button1);

button1.setOnClickListener(new OnClickListener() {

    @Override
    public void onClick(View v) {
        View view = getLayoutInflater().inflate(R.layout.layout_to_include, null);

        // Find the elements in this view and set them up
        EditText et1 = (EditText) view.findViewById(R.id.editText1)

        ....
        ....
        ....

        // Add the view to the LinearLayout inside ScrollView
        llAddingContainer.addView(view);
    });

score 0 · Accepted Answer

RelativeLayouts は、何も指定FrameLayoutしない場合LayoutParams(下、上、中央などの制約) のように動作します。

適切なを構築するか、さらに良いことに、行を含む最初のレイアウトでRelativeLayout.LayoutParams空の垂直を作成します。LinearLayout次に、行をのLinearLayout代わりにに追加するだけRelativeLayoutです。

android - 動的ビューが適切な場所に作成されていません。前のビューと重なっています。アンドロイド

3 に答える 3

Related

Reference