缩放ImageView以适合ToolBar重叠

时间:2015-04-13 14:08:57

标签: android layout imageview android-toolbar

我想将ImageView置于我的ToolBar顶部并使其重叠。

以下是它的样子:

Goal

黑色矩形应该是工具栏,带有半圆角的灰色矩形是我想要放置在工具栏顶部的ImageView,以便半圆重叠工具栏。

我的工具栏看起来像这样:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/actionbar_bg"
        />
</RelativeLayout>

现在,如果我将ImaveView放在最上面,那就太大了:

Problem

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="0dp"
        android:layout_centerHorizontal="true"
        android:src="@drawable/addbtn_bg"
        android:adjustViewBounds="true"
/>

但是,如果我设置它android:layout_alignBottom="@id/toolbar"然后它完全适合但半圆不重叠:

ProblemII

有没有办法实现这个目标? 也许通过使用类似指南的东西来使ImageView的矩形部分对齐?

谢谢。

2 个答案:

答案 0 :(得分:2)

我认为你必须有一个单独的半圆,它使用below="@id/toolbar"

答案 1 :(得分:0)

好的,我们解决了。 使用matty357中的提示,我在两个单独的ImageViews(一个矩形和半圆形)中更改了ImageView,而不是为矩形ImageView分配一个src属性,我使用此文件获取了一个background属性:

<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <nine-patch
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:src="@drawable/title_bar_9"
            android:dither="true"
            />
    </item>
</layer-list>

它使用9-Patch Image也可以缩小它。 现在就像魅力一样!谢谢!