Android 为所有模式创建一个完美的循环

我想我误解了在android中画圆圈的概念。无论我尝试什么，我都无法使圆圈完美

经过多次尝试，我终于得到了这样的结果

肖像模式

景观模式

这看起来很糟糕。下面是创建媒体播放器的代码

<LinearLayout

           android:id="@+id/mediaPlayer"

             android:layout_width="match_parent"

             android:layout_height="wrap_content"

             android:layout_marginBottom="0dp"

             android:layout_marginTop="0dp"

             android:paddingBottom="10dp"

             android:paddingTop="10dp"

             android:orientation="horizontal"

             android:background="#ebeff0"

             android:layout_above="@+id/bottom_navigation">


           <ImageView

               android:layout_width="match_parent"

               android:layout_height="18dp"

               android:layout_gravity="center"

               android:layout_weight="1"

               android:paddingLeft="28dp"

               android:src="@drawable/ic_repeat" />


           <ImageView

               android:layout_width="match_parent"

               android:layout_height="20dp"

               android:layout_gravity="center"

               android:layout_weight="1"

               android:paddingLeft="22dp"

               android:src="@drawable/ic_back" />


           <ImageView

               android:layout_width="match_parent"

               android:layout_height="50dp"

               android:layout_gravity="center"

               android:layout_marginLeft="11dp"

               android:layout_marginRight="11dp"

               android:layout_weight="1"

               android:id="@+id/playbutton1"

               android:background="@drawable/circle"

               android:padding="15dp"

               android:tint="@color/colorPrimary"

               android:src="@drawable/ic_pause" />


           <ImageView

               android:layout_width="match_parent"

               android:layout_height="20dp"

               android:layout_gravity="center"

               android:layout_weight="1"

               android:paddingRight="22dp"

               android:src="@drawable/ic_forward" />


           <ImageView

               android:layout_width="match_parent"

               android:layout_height="18dp"

               android:layout_gravity="center"

               android:layout_marginRight="28dp"

               android:layout_weight="1"

               android:src="@drawable/ic_shuffle" />



         </LinearLayout>

带有playbutton1的ID是带有圆圈的图像。我绘制“椭圆形”的代码如下

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

   android:shape="oval">


 <stroke android:color="#d1d1d1"

     android:width="5dp" />


 <size

     android:width="50dp"

     android:height="50dp"/>


</shape>

几个问题

知道我做错了什么吗

有没有一种方法可以简单地确保无论屏幕方向如何，形状都不会改变？（XML格式）

编辑-解决方案：由deep worked提供的解决方案，我将图像代码替换为以下代码，似乎可以在所有模式下为我提供完美的循环

<RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:layout_marginLeft="11dp"
            android:layout_marginRight="11dp"
            android:layout_weight="1">

            <ImageView
                android:id="@+id/playbutton1"
                android:layout_width="50dp"
                android:layout_centerInParent="true"
                android:layout_height="50dp"
                android:background="@drawable/circle"
                android:padding="15dp"
                android:src="@drawable/ic_pause"
                android:tint="@color/colorPrimary" />
        </RelativeLayout>

你喜欢的技巧是android:layout\u centerInParent=“true”

试试这个：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<stroke
    android:width="1dp"
    android:color="#78d9ff"/>

试试这个方法，我来帮你

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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="com.test.myapplication.MainActivity">

<RelativeLayout
    android:id="@+id/mediaPlayer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="0dp"
    android:layout_marginTop="0dp"
    android:background="#ebeff0"
    android:orientation="horizontal"
    android:paddingBottom="10dp"
    android:paddingTop="10dp">


    <ImageView
        android:id="@+id/imgSuffle"
        android:layout_width="wrap_content"
        android:layout_height="18dp"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:src="@mipmap/ic_launcher" />


    <ImageView
        android:id="@+id/imgLeft"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_centerVertical="true"
        android:layout_gravity="center"
        android:layout_toLeftOf="@+id/playbutton1"
        android:paddingLeft="22dp"
        android:src="@mipmap/ic_launcher" />


    <ImageView
        android:id="@+id/playbutton1"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_centerHorizontal="true"
        android:layout_gravity="center"
        android:layout_marginLeft="11dp"
        android:layout_marginRight="11dp"
        android:background="@drawable/rtes"
        android:padding="15dp"
        android:tint="@color/colorPrimary"

        />


    <ImageView
        android:id="@+id/imgRight"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/playbutton1"
        android:paddingRight="22dp"
        android:src="@mipmap/ic_launcher" />


    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="18dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:src="@mipmap/ic_launcher" />


</RelativeLayout>

---

这很棘手，因为背景无法保持纵横比。可能这是一种解决方法，但在这种情况下，我通常使用另一个ImageView来显示背景。使用静态相同高度和宽度的视图，它会很好地工作：-）请用屏幕快照检查我的答案。您好，您做了哪些更改，以及您的

@drawable/rtes

您能检查一下我的新评论吗，Deep提供的解决方案很有效，我添加了一个

RelativeLayout

，并在布局中添加了一个图像，看起来效果非常好-感谢您的帮助ThoughThank@Deep，我很惊讶您如何解决这个问题，添加一个

RelativeLayout

真的有效，我现在在所有模式下都有一个完美的圆圈：）非常感谢您

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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="com.test.myapplication.MainActivity">

<RelativeLayout
    android:id="@+id/mediaPlayer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="0dp"
    android:layout_marginTop="0dp"
    android:background="#ebeff0"
    android:orientation="horizontal"
    android:paddingBottom="10dp"
    android:paddingTop="10dp">


    <ImageView
        android:id="@+id/imgSuffle"
        android:layout_width="wrap_content"
        android:layout_height="18dp"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:src="@mipmap/ic_launcher" />


    <ImageView
        android:id="@+id/imgLeft"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_centerVertical="true"
        android:layout_gravity="center"
        android:layout_toLeftOf="@+id/playbutton1"
        android:paddingLeft="22dp"
        android:src="@mipmap/ic_launcher" />


    <ImageView
        android:id="@+id/playbutton1"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_centerHorizontal="true"
        android:layout_gravity="center"
        android:layout_marginLeft="11dp"
        android:layout_marginRight="11dp"
        android:background="@drawable/rtes"
        android:padding="15dp"
        android:tint="@color/colorPrimary"

        />


    <ImageView
        android:id="@+id/imgRight"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/playbutton1"
        android:paddingRight="22dp"
        android:src="@mipmap/ic_launcher" />


    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="18dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:src="@mipmap/ic_launcher" />


</RelativeLayout>