如何强制Margin-left(marginStart)在片段中成像?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何强制Margin-left(marginStart)在片段中成像?相关的知识,希望对你有一定的参考价值。

我的应用中有统计/历史记录屏幕,显示用户活动的最近7天历史记录。我一直在同一个屏幕上使用7个片段代表每一天(7天前,6天前......)。在每个片段上都有一个关于条件应该改变的图像。问题是我无法将碎片上的图像边缘到左侧。他们都以某种方式集中。我需要你帮助解决它

这是包含frameLayouts的“History.java”的布局

<?xml version="1.0" encoding="utf-8"?>
<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"
    android:orientation="vertical"
    android:layout_weight="3"
    android:background="#E0E1FF"
    tools:context=".controller.History">

    <FrameLayout
        android:id="@+id/frame_7_days_ago"
        android:layout_marginStart="0dp"
        android:layout_width="match_parent"
        android:layout_height="85dp">

    </FrameLayout>

    <FrameLayout
        android:id="@+id/frame_6_days_ago"
        android:layout_marginStart="0dp"
        android:layout_width="match_parent"
        android:layout_height="85dp">

    </FrameLayout>  // ... below are all the same, 5 days ago, 4 etc...

这是片段布局之一(与其余部分类似)。下面的第一个ImageView(no_color)图像是我想在每个片段中向左强制的图像。使用colorBar.setImageResource(R.drawable.green_color)将此图像替换为条件;颜色变化很好,但图像始终居中

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
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=".controller.History"
    android:layout_marginStart="0dp">

<ImageView
    android:id="@+id/color_bar_image_7"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginStart="0dp"
    android:src="@drawable/no_color"
    android:contentDescription="fragment_layout_7_days_ago" />

<RelativeLayout
    android:id="@+id/fragment7"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerHorizontal="true">

    <TextView
        android:id="@+id/fragment_7_days_ago_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginStart="40dp"
        android:text="@string/_7_days_ago" />

    <ImageView
        android:id="@+id/fragment_7_days_ago_comment_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginStart="250dp"
        android:contentDescription="@string/view_comment_btn"
        android:onClick="comment7DaysAgo"
        android:src="@drawable/ic_comment_black_48px" />
</RelativeLayout>

</FrameLayout>

更新:我忘了提到每个片段被调用以替换当天的帧,通过:

getSupportFragmentManager().beginTransaction()
                .replace(R.id.frame_7_days_ago, new StatisticSevenDaysAgo()).commit();
答案

我不确定最终结果应该看起来究竟如何,对于具有高度和宽度match_paret的relativeLayout可能存在一些问题。但是将framelayout更改为水平方向的linearlayout应该可以实现图像对齐。

<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"
android:orientation="horizontal"
tools:context=".controller.History"
android:layout_marginStart="0dp">

<ImageView
    android:id="@+id/color_bar_image_7"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:layout_marginStart="0dp"
    android:src="@drawable/no_color"
    android:contentDescription="fragment_layout_7_days_ago" />

<RelativeLayout
    android:id="@+id/fragment7"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true">

    <TextView
        android:id="@+id/fragment_7_days_ago_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginStart="40dp"
        android:text="@string/_7_days_ago" />

    <ImageView
        android:id="@+id/fragment_7_days_ago_comment_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginStart="250dp"
        android:contentDescription="@string/view_comment_btn"
        android:onClick="comment7DaysAgo"
        android:src="@drawable/ic_comment_black_48px" />
</RelativeLayout>

</LinearLayout>

以上是关于如何强制Margin-left(marginStart)在片段中成像?的主要内容,如果未能解决你的问题,请参考以下文章

Android 通过配置,设置margin-Left和margin-Top相对的距离

理解margin-left:-100%

jQuery.css() - marginLeft vs. margin-left?

如何设置DIV水平垂直居中

margin-left和left区别

怎么解决浏览器缩放打乱布局的问题?