【发布时间】：2018-04-27 05:32:08
【问题描述】：
我正在使用 api 的 left 和 top 值动态创建布局。 api数据如下：-
{
"isSuccess": true,
"data": [{
"left": "159",
"top": "17",
"seat_name": "Staff"
},
{
"left": "159",
"top": "65",
"seat_name": "Staff"
},
{
"left": "238",
"top": "15",
"seat_name": "3"
},
{
"left": "239",
"top": "66",
"seat_name": "4"
},
{
"left": "313",
"top": "13",
"seat_name": "5"
},
{
"left": "314",
"top": "67",
"seat_name": "6"
},
{
"left": "241",
"top": "223",
"seat_name": "7"
},
{
"left": "239",
"top": "160",
"seat_name": "8"
},
{
"left": "314",
"top": "159",
"seat_name": "9"
},
{
"left": "315",
"top": "223",
"seat_name": "10"
},
{
"left": "366",
"top": "223",
"seat_name": "11"
},
{
"left": "364",
"top": "160",
"seat_name": "12"
},
{
"left": "374",
"top": "71",
"seat_name": "13"
},
{
"left": "371",
"top": "12",
"seat_name": "14"
},
{
"left": "430",
"top": "12",
"seat_name": "15"
},
{
"left": "432",
"top": "68",
"seat_name": "16"
},
{
"left": "428",
"top": "158",
"seat_name": "17"
},
{
"left": "431",
"top": "223",
"seat_name": "18"
},
{
"left": "493",
"top": "12",
"seat_name": "19"
},
{
"left": "492",
"top": "64",
"seat_name": "20"
},
{
"left": "491",
"top": "158",
"seat_name": "21"
},
{
"left": "486",
"top": "222",
"seat_name": "22"
},
{
"left": "555",
"top": "14",
"seat_name": "23"
},
{
"left": "553",
"top": "65",
"seat_name": "24"
},
{
"left": "553",
"top": "160",
"seat_name": "25"
},
{
"left": "553",
"top": "220",
"seat_name": "26"
},
{
"left": "616",
"top": "16",
"seat_name": "27"
},
{
"left": "618",
"top": "65",
"seat_name": "28"
},
{
"left": "620",
"top": "117",
"seat_name": "29"
},
{
"left": "618",
"top": "166",
"seat_name": "30"
},
{
"left": "619",
"top": "216",
"seat_name": "31"
}
]}
我编写的用于创建布局的代码是：
private void createLayout() {
ScrollView objScrollView = new ScrollView(this);
ViewGroup.LayoutParams objLayoutParams = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.FILL_PARENT);
objScrollView.setLayoutParams(objLayoutParams);
RelativeLayout objParentLayout = new RelativeLayout(this);
RelativeLayout.LayoutParams objParentParams = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.FILL_PARENT, RelativeLayout.LayoutParams.MATCH_PARENT);
int intId = 100;
int intLeft = 0;
for (int i = 0; i < arrobjSeats.size(); i++) {
Seat objSeat = arrobjSeats.get(i);
RelativeLayout objItemLayout = new RelativeLayout(this);
RelativeLayout.LayoutParams objItemParams = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
objItemParams.setMargins(objSeat.getIntTop() + 30, objSeat.getIntLeft() - 110, 0, 10);
intLeft = objSeat.getIntTop();
ImageView imgSeat = new ImageView(this);
imgSeat.setImageResource(R.drawable.ic_airline_seat_recline_normal_black_24dp);
imgSeat.setColorFilter(Color.parseColor(objSeat.getStrSeatColor()), android.graphics.PorterDuff.Mode.SRC_IN);
imgSeat.setPadding(5, 5, 10, 25);
imgSeat.setId(intId++);
RelativeLayout.LayoutParams objImageParams = new RelativeLayout.LayoutParams(120, 80);
objImageParams.addRule(RelativeLayout.CENTER_HORIZONTAL);
TextView txtSeatName = new TextView(this);
RelativeLayout.LayoutParams objTextParams = new RelativeLayout.LayoutParams(120, RelativeLayout.LayoutParams.WRAP_CONTENT);
objTextParams.addRule(RelativeLayout.ALIGN_BOTTOM, imgSeat.getId());
txtSeatName.setPadding(5, 10, 5, 5);
txtSeatName.setTextColor(Color.parseColor(objSeat.getStrSeatColor()));
txtSeatName.setText(objSeat.getStrSeatName());
txtSeatName.setGravity(Gravity.CENTER);
txtSeatName.setTextSize(16);
objItemLayout.setTag(i);
objItemLayout.addView(imgSeat, objImageParams);
objItemLayout.addView(txtSeatName, objTextParams);
objItemLayout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
int intPosition = (int) v.getTag();
Seat objSeat = arrobjSeats.get(intPosition);
Toast.makeText(SeatActivity.this, "Seat=>" + objSeat.getIntSeatId() + "=>" + objSeat.getStrSeatName(), Toast.LENGTH_SHORT).show();
}
});
objParentLayout.setBackgroundColor(Color.CYAN);
objParentLayout.addView(objItemLayout, objItemParams);
System.out.println("Final Color=>" + objSeat.getStrSeatColor());
}
objScrollView.addView(objParentLayout, objParentParams);
relativeLayout.addView(objScrollView);
}
所以使用上面的代码，我得到如下输出（几乎完美）。只是每个项目之间的间距有问题：
注意：我已经通过在视图上应用绝对位置参数在 React Native 中实现了这个 api。它可以在许多 Android 设备上完美显示 UI，我已经对其进行了测试。
所以我的问题是：
- 为什么在将布局参数设置为 MATCH_PARENT/FILL_PARENT 后布局不采用完整的设备宽度和高度？ （也尝试使用固定布局值，例如 120dp 宽度和高度。）
- 当我尝试为每个项目设置背景时，可以看到每个项目与其对应的项目重叠。不知道为什么？
我在上面的代码中做错了吗？
【问题讨论】：
-
你的
objItemLayout是wrap_content因为你没有设置任何LayoutParams给它。除此之外，我建议使用布局 xml 并使用LayoutInflater在运行时膨胀视图。在运行时安排视图会导致很多代码行，并且在某些情况下可能太棘手。 -
@SaurabhBhandari，我不想将创建的布局与父级的中心对齐。你可以在图像中看到它有点拥挤。所以我想让它变得宽敞
-
试试这个像 objScrollView.setFillViewport(true);
-
@ADM，我也尝试设置静态高度宽度而不是 WRAP_CONTENT ，但它会重叠。也尝试过扩展 XML 布局，但没有得到相同的输出。
-
@AnilGhodake 您需要获取 objScrollView 的宽度 如何执行此操作stackoverflow.com/questions/2159320/… 然后找到具有最大左点的座位，然后您可以计算比例系数乘以座位的所有左右边距，例如 objScrollView宽度为 600 ，最大左点为 250 ，座位宽度为 100，比您的 scaleCoef 为 (600-100)/250 = 2；之后你可以添加座位 objItemParams.setMargins(objSeat.getIntTop() * scaleCoef, objSeat.getIntLeft() - 110, 0, 10);
标签： android android-layout react-native-android