Android CardView中ImageView与TextView横向排列及Spinner异常咨询

问题1：CardView内控件垂直排列而非横向 #

问题根源 #

CardView默认继承自FrameLayout，所有子控件默认会堆叠在视图左上角，你直接在CardView内放置Spinner和EditText会出现互相覆盖的情况，和Spinner内部条目布局的horizontal属性无关。

修复方法 #

在CardView内部新增一层横向排列的LinearLayout作为唯一子容器，把Spinner和EditText都放入该容器中，替换activity_main.xml中CardView部分代码如下：

<androidx.cardview.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_gravity="center"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="16dp"
    card_view:cardCornerRadius="4dp">
    <!-- 新增横向排列的内部容器 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_vertical">
        <Spinner
            android:id="@+id/simpleSpinner"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="请输入手机号码"
            android:layout_marginStart="12dp"
            android:background="@null"
            />
    </LinearLayout>
</androidx.cardview.widget.CardView>

问题2：Spinner仅显示1个选项、其余无法选中 #

问题根源 #

自定义Adapter中getItem和getItemId方法错误返回了null和固定值0，Spinner的选项判断逻辑依赖这两个方法返回对应位置的有效数值，错误返回会导致系统判定所有选项为同一个对象，因此仅展示第一个值、无法切换选中。

修复方法 #

修改CustomAdapter中对应方法的返回值：

@Override
public Object getItem(int i) {
    // 返回对应位置的国家码数据
    return countryNames[i];
}

@Override
public long getItemId(int i) {
    // 返回对应位置的索引作为ID
    return i;
}

可选优化项 #

当前getView方法没有做视图复用，每次渲染条目都重新inflate布局，滑动时会产生不必要的性能消耗，可修改为ViewHolder模式：

@Override
public View getView(int i, View view, ViewGroup viewGroup) {
    ViewHolder holder;
    if (view == null) {
        view = inflter.inflate(R.layout.custom_spinner_items, viewGroup, false);
        holder = new ViewHolder();
        holder.icon = view.findViewById(R.id.imageView);
        holder.names = view.findViewById(R.id.textView);
        view.setTag(holder);
    } else {
        holder = (ViewHolder) view.getTag();
    }
    holder.icon.setImageResource(flags[i]);
    holder.names.setText(countryNames[i]);
    return view;
}

// 新增ViewHolder内部类
static class ViewHolder {
    ImageView icon;
    TextView names;
}

内容的提问来源于stack exchange，提问作者remov