Margin/padding 在 FrameLayout 中不会消失
Margin/padding in FrameLayout not going away
我有一个 FrameLayout,其中包含我正在使用的 Playbar,它显示有关与切换一起播放的音乐的信息。出于某种原因,我无法让框架布局顶部的填充消失。我已经尝试以编程方式和通过 XML 使所有元素和整个布局的 margins/paddings 0dp 但没有任何效果。我假设这只是 FrameLayout 中内置的一些自然行为。我也尝试将 FrameLayout 设置为相同的所需高度 (56dp/ dimen/playbar_size) 但填充仍然存在。
<SeekBar
style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/progress"
android:layout_marginLeft="@dimen/playbar_size"
android:layout_marginTop="-8dp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_marginLeft="64dp"
android:orientation="horizontal"
android:layout_gravity="right|bottom">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_weight="1"
android:gravity="center_vertical"
android:orientation="vertical"
android:paddingTop="5dp">
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#fff"
android:textSize="14dp"
android:singleLine="true"
android:lines="1"
android:maxLines="1"
android:ellipsize="end"
android:textStyle="bold" />
<TextView
android:id="@+id/subtitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#fff"
android:textSize="12dp"
android:singleLine="true"
android:lines="1"
android:maxLines="1"
android:ellipsize="end"
android:layout_marginLeft="8dp" />
</LinearLayout>
<ImageButton
android:id="@+id/toggle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:soundEffectsEnabled="false"
android:padding="12dp"
app:srcCompat="@drawable/ic_pause_dark"
android:layout_gravity="bottom"
android:background="@android:color/transparent" />
<ImageButton
android:id="@+id/next"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:soundEffectsEnabled="false"
android:padding="12dp"
app:srcCompat="@drawable/quantum_ic_skip_next_white_24"
android:layout_gravity="bottom" />
</LinearLayout>
<ImageView
android:id="@+id/art"
android:layout_width="@dimen/playbar_size"
android:layout_height="@dimen/playbar_size"
android:layout_gravity="left|top"
android:layout_marginTop="0dp" />
</FrameLayout>
期望的视图,顶部没有填充和搜索栏 - 这是它应该的实际高度。
我相信填充是因为这个:
<ImageView
android:id="@+id/art"
android:layout_width="@dimen/playbar_size"
android:layout_height="@dimen/playbar_size"
android:layout_gravity="left|top"
android:layout_marginTop="0dp" />
此图像视图覆盖了框架布局的顶部,因为您已将重力设置为
android:layout_gravity="left|top"
能否请您尝试删除并检查?
我通过做两件事弄明白了。
我没有将背景设置为 XML 中的颜色,而是创建了一个新的形状对象,它周围有 0 个填充和我想要的颜色。
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/colorAccentBrightOpaque"/>
<padding
android:bottom="0dip"
android:left="0dip"
android:right="0dip"
android:top="0dip"/>
</shape>
然后我通过 java 代码以编程方式将背景设置为形状资源,并以编程方式将填充也设置为 0。
playbar.setBackgroundResource(R.drawable.playbar_background);
playbar.setPadding(0,0,0,0);
<SeekBar
style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/progress"
android:layout_marginLeft="@dimen/playbar_size"
android:layout_marginTop="-8dp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_marginLeft="64dp"
android:orientation="horizontal"
android:layout_gravity="right|bottom">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_weight="1"
android:gravity="center_vertical"
android:orientation="vertical"
android:paddingTop="5dp">
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#fff"
android:textSize="14dp"
android:singleLine="true"
android:lines="1"
android:maxLines="1"
android:ellipsize="end"
android:textStyle="bold" />
<TextView
android:id="@+id/subtitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#fff"
android:textSize="12dp"
android:singleLine="true"
android:lines="1"
android:maxLines="1"
android:ellipsize="end"
android:layout_marginLeft="8dp" />
</LinearLayout>
<ImageButton
android:id="@+id/toggle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:soundEffectsEnabled="false"
android:padding="12dp"
app:srcCompat="@drawable/ic_pause_dark"
android:layout_gravity="bottom"
android:background="@android:color/transparent" />
<ImageButton
android:id="@+id/next"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:soundEffectsEnabled="false"
android:padding="12dp"
app:srcCompat="@drawable/quantum_ic_skip_next_white_24"
android:layout_gravity="bottom" />
</LinearLayout>
<ImageView
android:id="@+id/art"
android:layout_width="@dimen/playbar_size"
android:layout_height="@dimen/playbar_size"
android:layout_gravity="left|top"
android:layout_marginTop="0dp" />
</FrameLayout>
期望的视图,顶部没有填充和搜索栏 - 这是它应该的实际高度。
我相信填充是因为这个:
<ImageView
android:id="@+id/art"
android:layout_width="@dimen/playbar_size"
android:layout_height="@dimen/playbar_size"
android:layout_gravity="left|top"
android:layout_marginTop="0dp" />
此图像视图覆盖了框架布局的顶部,因为您已将重力设置为
android:layout_gravity="left|top"
能否请您尝试删除并检查?
我通过做两件事弄明白了。 我没有将背景设置为 XML 中的颜色,而是创建了一个新的形状对象,它周围有 0 个填充和我想要的颜色。
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/colorAccentBrightOpaque"/>
<padding
android:bottom="0dip"
android:left="0dip"
android:right="0dip"
android:top="0dip"/>
</shape>
然后我通过 java 代码以编程方式将背景设置为形状资源,并以编程方式将填充也设置为 0。
playbar.setBackgroundResource(R.drawable.playbar_background);
playbar.setPadding(0,0,0,0);