Android布局形状

Question

是否可以使用XML获取图片的布局。 我需要在一个屏幕上同时使用其中两个。

左侧将静态显示为1到24，具有不同的颜色区域，右侧将完全相同，但分为24个部分，因此我可以通过编程方式对其进行操作并定义它们出现的顺序。

我不需要它可以滚动，并且可以在各种设备上使用，因此它必须灵活。 当前的实现是通过imageView在左边添加一个image.jpg，在右边添加另一个。 正确的图片被切成24个jpg并动态填充。

https://dl.dropboxusercontent.com/u/71295596/demo.jpg

原型： https : //www.fluidui.com/editor/live/preview/p_q1cf2aIWUbpBTobbPNQ61lF6xJcDG1gn.1430943636421

和我当前的xml文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="511dp"
        android:layout_weight="1"
        android:padding="0dp"
        android:scaleType="fitXY"
        android:src="@mipmap/time24h" />

    <LinearLayout
        android:id="@+id/time_linear_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical"
        android:padding="0dp">

    </LinearLayout>

</LinearLayout>

<View
    android:id="@+id/line"
    android:layout_width="fill_parent"
    android:layout_height="5dp"
    android:background="#0f0" />

我尝试执行以下操作，但显示不正确。

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


    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:weightSum="9"
        android:layout_weight="1">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/material_blue_grey_800"
            android:text="1"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/material_blue_grey_800"
            android:text="2"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_yellow_100"
            android:textColor="@color/md_white_1000"
            android:text="3"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/material_blue_grey_800"
            android:text="1"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/material_blue_grey_800"
            android:text="2"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_yellow_100"
            android:textColor="@color/md_white_1000"
            android:text="3"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/material_blue_grey_800"
            android:text="1"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/material_blue_grey_800"
            android:text="2"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_yellow_100"
            android:textColor="@color/md_white_1000"
            android:text="3"
            android:layout_weight="1"/>
        </LinearLayout>
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:weightSum="9"
        android:layout_weight="1">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/material_blue_grey_800"
            android:text="1"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/material_blue_grey_800"
            android:text="2"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_yellow_100"
            android:textColor="@color/md_white_1000"
            android:text="3"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/material_blue_grey_800"
            android:text="1"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/material_blue_grey_800"
            android:text="2"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_yellow_100"
            android:textColor="@color/md_white_1000"
            android:text="3"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/material_blue_grey_800"
            android:text="1"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/material_blue_grey_800"
            android:text="2"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_yellow_100"
            android:textColor="@color/md_white_1000"
            android:text="3"
            android:layout_weight="1"/>



    </LinearLayout>


</LinearLayout>

Answer 1

我想我做对了。

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


    <LinearLayout
        android:id="@+id/left_image"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:weightSum="25"
        android:layout_weight="1">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_black_1000"
            android:paddingRight="10dp"
            android:text="Here"
            android:layout_weight="1"
            android:gravity="center"
            android:textAlignment="gravity"
            android:textColor="@color/md_white_1000"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:paddingRight="10dp"
            android:text="1"
            android:layout_weight="1"
            android:gravity="right"
            android:textAlignment="gravity"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:text="2"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:textColor="@color/md_white_1000"
            android:text="3"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:text="4"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:text="5"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:textColor="@color/md_white_1000"
            android:text="6"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:text="7"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_teal_500"
            android:text="8"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_teal_500"
            android:textColor="@color/md_white_1000"
            android:text="9"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:text="10"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:text="11"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:textColor="@color/md_white_1000"
            android:text="12"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:text="13"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:text="14"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:textColor="@color/md_white_1000"
            android:text="15"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:text="16"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:text="17"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:textColor="@color/md_white_1000"
            android:text="18"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:text="19"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:text="20"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:textColor="@color/md_white_1000"
            android:text="21"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:text="22"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:text="23"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:textColor="@color/md_white_1000"
            android:text="24"
            android:paddingRight="10dp"
            android:gravity="right"
            android:textAlignment="gravity"
            android:layout_weight="1"/>

        </LinearLayout>
    <LinearLayout

        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:weightSum="25"
        android:layout_weight="1">
        <TextView
            android:id="@+id/current_city"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_black_1000"
            android:paddingRight="10dp"
            android:text="New York"
            android:layout_weight="1"
            android:gravity="center"
            android:textAlignment="gravity"
            android:textColor="@color/md_white_1000"/>

        <TextView
            android:id="@+id/hour_1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:text="1"
            android:paddingLeft="10dp"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:id="@+id/hour_2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:text="2"
            android:paddingLeft="10dp"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:textColor="@color/md_white_1000"
            android:text="3"
            android:paddingLeft="10dp"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_4"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:text="4"
            android:paddingLeft="10dp"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:id="@+id/hour_5"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:text="5"
            android:paddingLeft="10dp"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_6"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:textColor="@color/md_white_1000"
            android:text="6"
            android:paddingLeft="10dp"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_7"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_purple_500"
            android:text="7"
            android:paddingLeft="10dp"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:id="@+id/hour_8"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_teal_500"
            android:text="8"
            android:paddingLeft="10dp"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_9"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_teal_500"
            android:textColor="@color/md_white_1000"
            android:text="9"
            android:paddingLeft="10dp"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_10"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:text="10"
            android:paddingLeft="10dp"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:id="@+id/hour_11"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:text="11"
            android:paddingLeft="10dp"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_12"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:textColor="@color/md_white_1000"
            android:text="12"
            android:paddingLeft="10dp"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_13"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:text="13"
            android:paddingLeft="10dp"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:id="@+id/hour_14"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:text="14"
            android:paddingLeft="10dp"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_15"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:textColor="@color/md_white_1000"
            android:text="15"
            android:paddingLeft="10dp"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_16"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:text="16"
            android:paddingLeft="10dp"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:id="@+id/hour_17"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_amber_500"
            android:text="17"
            android:paddingLeft="10dp"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_18"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:textColor="@color/md_white_1000"
            android:text="18"
            android:paddingLeft="10dp"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_19"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:text="19"
            android:paddingLeft="10dp"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:id="@+id/hour_20"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:text="20"
            android:paddingLeft="10dp"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_21"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:textColor="@color/md_white_1000"
            android:text="21"
            android:paddingLeft="10dp"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_22"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:text="22"
            android:paddingLeft="10dp"
            android:layout_weight="1"
            android:textColor="@color/md_white_1000"/>
        <TextView
            android:id="@+id/hour_23"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:text="23"
            android:paddingLeft="10dp"
            android:textColor="@color/md_white_1000"
            android:layout_weight="1"/>
        <TextView
            android:id="@+id/hour_24"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/md_brown_500"
            android:textColor="@color/md_white_1000"
            android:text="24"
            android:paddingLeft="10dp"
            android:layout_weight="1"/>



    </LinearLayout>


</LinearLayout>