我正在尝试在CardView内部移动ImageView。我有一个CardView带有一些文本和一个ImageView,我想将圆形ImageView放在文本上方的中间。
在图片中,您可以在CardView的左上方看到绿色的可绘制圆圈,而TextView居中。 ImageView stuck at top left of CardView
这是我当前的代码:
<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".HomePageActivity"
style="@android:style/TextAppearance.DeviceDefault.Medium">
...在ConstraintLayout中,我有:
<android.support.v7.widget.CardView
android:id="@+id/create_invoice_cardview"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginStart="@dimen/button_gap_normal"
android:layout_marginTop="185dp"
android:layout_marginEnd="@dimen/margin_width_normal"
android:layout_marginBottom="@dimen/button_gap_normal"
app:layout_constraintBottom_toTopOf="@+id/add_single_cardview"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/capture_receipt_cardview"
app:layout_constraintTop_toTopOf="parent">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/inset_background"
android:padding="10dp"
android:src="@drawable/ic_photo_camera_black_24dp" />
<TextView
android:id="@+id/textView3"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:paddingTop="25dp"
android:text="Create Invoice"
android:autoSizeTextType="uniform"
android:autoSizeMaxTextSize="25sp"
/>
</android.support.v7.widget.CardView>
我尝试在inset_background可绘制对象中使用inset,但是它只是将圆挤成椭圆形,并且不会移动它。
如何在将可绘制形状保持为圆形的同时在CardView内部移动ImageView?
当我修改手机屏幕尺寸时,我希望此解决方案能够相应地调整尺寸。也就是说,我不希望在Pixel XL上小而在Nexus 4上大的硬编码尺寸。
要更好地了解我要寻找的东西,this is what I am trying to design
答案 0 :(得分:0)
将ImageView
和TextView
包裹在LinearLayout
内,如下所示:
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_height="match_parent"
tools:context=".MainActivity">
<ImageView
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@android:drawable/arrow_up_float"
android:padding="10dp"/>
<TextView
android:id="@+id/textView3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:paddingTop="25dp"
android:text="Create Invoice"
android:autoSizeTextType="uniform"
android:autoSizeMaxTextSize="25sp"/>
</LinearLayout>
基本上,此LinearLayout会将项目彼此对齐。通过将gravity center
设置为ImageView,它将正确居中。由于它是在ImageView之前声明的,因此它将显示在其上方。
答案 1 :(得分:0)
<android.support.v7.widget.CardView
android:id="@+id/create_invoice_cardview"
app:layout_constraintBottom_toTopOf="@+id/add_single_cardview"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/capture_receipt_cardview"
app:layout_constraintTop_toTopOf="parent"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginStart="@dimen/button_gap_normal"
android:layout_marginTop="185dp"
android:layout_marginEnd="@dimen/margin_width_normal"
android:layout_marginBottom="@dimen/button_gap_normal">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/inset_background"
android:centerHorizontal="true"
android:padding="10dp"
android:src="@drawable/ic_photo_camera_black_24dp" />
<TextView
android:id="@+id/textView3"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:autoSizeMaxTextSize="25sp"
android:autoSizeTextType="uniform"
android:centerInParent="true"
android:paddingTop="25dp"
android:text="Create Invoice" />
</RelativeLayout>
</android.support.v7.widget.CardView>