android 使用 imageview overflow tablerow 自定义 tablerow

Question

我正在尝试创建一个表格布局来显示一个用户的个人资料图片，他的 name.Everything 工作正常，除了布局是有线的。图像视图溢出了表格行。我设置了 tablerow layout_height="70dp" 和 iamgeview layout_height ="50dp" 和 layout_margin="10dp" 以垂直居中图像。表格行 xml:

<?xml version="1.0" encoding="utf-8"?>
<TableRow xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="70dp"
    android:orientation="horizontal"
    android:layout_marginBottom="1dp"
    android:background="#fff">
    <ImageView
        android:layout_height="50dp"
        android:layout_width="50dp"
        android:id="@+id/pic"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="10dp"
        android:background="#f00"/>
    <TextView
        android:layout_height="20dp"
        android:layout_width="wrap_content"
        android:layout_marginTop="25dp"
        android:layout_marginRight="25dp"
        android:id="@+id/value"
        android:textColor="#000"
        android:layout_alignParentRight="true"
        android:layout_weight="3.0"
        android:textAlignment="gravity"
        android:gravity="right"
        />
</TableRow>

表格布局xml：

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#fff">
        <TableLayout android:id="@+id/contact_table"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#aaa">
        </TableLayout>
</ScrollView>

java代码：

table =(TableLayout)findViewById(R.id.contact_table);
                    LayoutInflater inflater = getLayoutInflater();
                    TableRow row = (TableRow)inflater.inflate(R.layout.profilerow, table, false);
                    ImageView tag = (ImageView)row.findViewById(R.id.pic);
                    new DownloadImageTask(tag).execute(me.getDp_address());
                    TextView value = (TextView)row.findViewById(R.id.value);
                    value.setText(me.getFirst_name()+" "+me.getLast_name());
                    table.addView(row);

                    TableRow row2 = (TableRow)inflater.inflate(R.layout.centertextrow,table ,false);
                    table.addView(row2);



private class DownloadImageTask extends AsyncTask<String,Void,Bitmap>{
        ImageView img;
        public DownloadImageTask(ImageView bmImage){
            this.img = bmImage;
        }
        @Override
        protected Bitmap doInBackground(String... urls) {
            String url_string = urls[0];
            Bitmap micoin = null;
            try {
                InputStream in = new java.net.URL(url_string).openStream();
                micoin = BitmapFactory.decodeStream(in);
            } catch (IOException e) {
                Log.i("michaellog","error a");
                //Log.e("michaellog",e.getMessage());
                e.printStackTrace();
            }
            return micoin;
        }

        @Override
        protected void onPostExecute(Bitmap bitmap) {
            super.onPostExecute(bitmap);
            img.setImageBitmap(bitmap);
        }
    }

这是它的外观图片：link

图像向下移动。

Answer 1

你好！

我运行在为我们的大学应用程序创建放入 table 视图的 YouTube 提要列表时遇到了相同类型的问题。我从我的布局和你的布局中看到的唯一区别是我在创建的 table 视图单元格中添加了 android:scaleType="centerCrop"。这应该缩放您的图像以适合正确的区域。我还在 table 中填充的每个单元格使用线性布局而不是 table 行类型。我也会在这里查看答案。

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:id="@+id/semesterButtonLL"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView android:layout_width="50dip" 
        android:id="@+id/image" 
        android:src="@drawable/icon72" 
        android:layout_height="50dip" 
        android:scaleType="centerCrop">
    </ImageView>
    <TextView android:text="TextView"
        android:id="@+id/text" 
        android:textColor="@color/usu_blue"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="left|center_vertical"
        android:textSize="20dip"
        android:layout_marginLeft="10dip">
    </TextView>
</LinearLayout>

至于你提供的代码，关于你如何引入数据的一切看起来都很好，如果它在你提供的 link 上显示图像，那么它可能就像将 centerCrop 添加到在你的 xml 行。希望对您有所帮助。

android 使用 imageview overflow tablerow 自定义 tablerow

android customize tablerow with imageview overflow tablerow

android

imageview

tablelayout

tablerow