在Android中将表的两个不同图像显示为单个表

时间:2015-01-09 12:56:44

标签: android image android-layout

我正在尝试并排放置一张桌子的两张图像,以便它看起来像一张桌子。两个表的大小不同。我采用线性布局并将图像放入其中并手动设置尺寸但无法获得所需的外观。有没有办法让它们看起来像一个单一的图像?是否有任何方法可以缩放图像以清楚地查看数据?

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">`enter code here`

        <ImageView
            style="@style/TableImageViewStyle"
            android:src="@drawable/autobrands_table2_left"
            android:layout_weight="1"
            android:layout_height="60dp"
            android:layout_marginRight="0dp"
            android:adjustViewBounds="true"/>

        <ImageView
            style="@style/TableImageViewStyle"
            android:src="@drawable/autobrands_table2_right"
            android:layout_weight="1"
            android:layout_height="60dp"
            android:layout_marginLeft="-40dp"
            android:layout_marginTop="7dp"/>

    </LinearLayout>

TableImageViewStyle

<......>

<style name="TableImageViewStyle" parent="android:Widget.TextView">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:layout_marginTop">5dip</item>
    <item name="android:layout_marginBottom">5dip</item>
</style>

2 个答案:

答案 0 :(得分:0)

试试这个:

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

<RelativeLayout
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1" 
    android:gravity="right">

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/autobrands_table2_left"
        style="@style/TableImageViewStyle" />
</RelativeLayout>

<RelativeLayout
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1" 
    android:gravity="left">

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        style="@style/TableImageViewStyle"
        android:src="@drawable/autobrands_table2_right"/>
</RelativeLayout>

</LinearLayout>

答案 1 :(得分:0)

试试这个

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:weightSum="2" >

    <ImageView
        android:layout_width="0dp"
        android:layout_height="60dp"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:layout_width="0dp"
        android:layout_height="60dp"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" />

</LinearLayout>

如果你想要图像应该填充图像视图的区域使用背景 insted src