Android - 自定义布局在ListView中搞砸了

时间:2015-01-09 12:24:54

标签: android android-layout listview android-listview android-arrayadapter

我正在创建一个使用二次公式执行二次计算的应用程序。为了显示求解方程的步骤,我使用ListView将每一步作为ListView项。但是,我创建的用于在ListView中将行显示为行的自定义布局在运行应用程序时完全搞砸了。

这是它应该是什么样子: layout

并且,这是它的实际看起来像: device screen

我无法弄清楚出了什么问题,我已经尝试了在互联网上找到的所有可能的解决方案。

这是我的自定义布局的xml代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


<ImageView
    android:layout_width="match_parent"
    android:layout_height="1.5dp"
    android:id="@+id/imageView2"
    android:src="@drawable/line"
    android:paddingLeft="50dp"
    android:paddingRight="50dp"
    android:layout_centerInParent="true" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceSmall"
    android:text="or,"
    android:id="@+id/textView4"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:textSize="20sp"
    android:paddingLeft="5dp"
    android:textColor="#FFFFFF"
    android:layout_centerHorizontal="true"
    android:layout_alignBottom="@+id/main_equation_deno"
    android:layout_alignTop="@+id/main_equation_num"
    android:gravity="center_vertical" />

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="-b ± √(b - 4ac)"
    android:id="@+id/main_equation_num"
    android:textSize="30sp"
    android:textColor="#FFFFFF"
    android:gravity="center_vertical|center_horizontal"
    android:layout_above="@+id/imageView2"
    android:paddingBottom="3dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentRight="true" />

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceSmall"
    android:text="2"
    android:id="@+id/square"
    android:layout_marginBottom="25dp"
    android:textColor="#FFFFFF"
    android:textSize="15sp"
    android:textIsSelectable="false"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:gravity="center_horizontal"
    android:layout_marginLeft="25dp"
    android:layout_alignBottom="@+id/imageView2" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="2a"
    android:id="@+id/main_equation_deno"
    android:layout_below="@+id/imageView2"
    android:textSize="30sp"
    android:textColor="#FFFFFF"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:gravity="center_horizontal" />

</RelativeLayout>

这是我的列表适配器:

public class StepListAdapter extends ArrayAdapter<Step> {

private Context mContext;
private ArrayList<Step> mSteps = new ArrayList<Step>();

public StepListAdapter(Context context, ArrayList<Step> steps) {
    super(context, 0, steps);

    this.mContext = context;
    this.mSteps = steps;

}

@Override
public View getView(int position, View convertView, ViewGroup parent) {

        LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        View view = inflater.inflate(R.layout.step_row, parent, false);

        TextView main_num = (TextView) view.findViewById(R.id.main_equation_num);
        TextView main_deno = (TextView) view.findViewById(R.id.main_equation_deno);

        main_num.setText(mSteps.get(position).getNum());
        main_deno.setText(mSteps.get(position).getDeno());

    return view;
    }
}

对此问题的任何帮助都将受到高度赞赏。谢谢。

2 个答案:

答案 0 :(得分:1)

您可能会尝试以不同方式对行进行充气:

  

查看视图= inflater.inflate(R.layout.step_row,null);

或尝试设置最小行高。 修改

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

答案 1 :(得分:1)

尝试使用此布局,

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal|bottom" >

        <TextView
            android:id="@+id/main_equation_num"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="-b ± √(b - 4ac)"
            android:textColor="#FFFFFF"
            android:textSize="30sp" />

        <TextView
            android:id="@+id/square"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:text="2"
            android:layout_marginLeft="105dp"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:textColor="#FFFFFF"
            android:textIsSelectable="false"
            android:textSize="15sp" />

    </RelativeLayout>

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

        <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="5dp"
            android:text="or,"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:textColor="#FFFFFF"
            android:textSize="20sp" />

        <View
            android:id="@+id/imageView2"
            android:layout_width="0dp"
            android:layout_height="1.5dp"
            android:layout_weight="1"
            android:background="#ffffff"
            android:paddingLeft="50dp"
            android:paddingRight="50dp" />
    </LinearLayout>

    <TextView
        android:id="@+id/main_equation_deno"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="2a"
        android:textColor="#FFFFFF"
        android:textSize="30sp" />

</LinearLayout>

我在你的xml中做了一些修改,只需复制粘贴这个xml。

希望这能以某种方式帮助你。