Question

我想要实现的目标

我有一个应用程序，在左下角，我有一个按钮。此按钮是一个圆形的ImageButton。当我按下按钮时（使用放大镜图标，应该发生以下过渡：

另外，如果图像中不清楚，则按钮是ImageButton，而＆＃34;最终结果＆＃34;是一个SearchView。这不一定必须是这样，但它似乎是最好的方式。

我现在拥有的

我有一个圆形按钮样式的XML文件，名为 search_button_layout.xml ，如下所示：

    <?xml version="1.0" encoding="utf-8"?> shapexmlns:android="http://schemas.android.com                        /apk/res               /android"     android:shape="rectangle"
android:layout_height="wrap_content"
android:layout_width="wrap_content">
<corners
    android:topLeftRadius="100dp"
    android:topRightRadius="100dp"
    android:bottomLeftRadius="100dp"
    android:bottomRightRadius="100dp"
    />
<solid
    android:color="#31DE65"
    />
<padding
    android:left="0dp"
    android:top="0dp"
    android:right="0dp"
    android:bottom="0dp"
    />
<size
    android:width="45dp"
    android:height="46dp"
    />
</shape>

按钮本身是在 activity_main.xml 文件中创建的，看起来像这样。

    <ImageButton

    android:id="@+id/search_btn"
    android:layout_width="65dp"
    android:layout_height="66dp"
    android:background="@layout/search_button_layout"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:onClick="goToSearch"
    android:src="@drawable/ic_action_name"
    android:scaleType="fitCenter" />

我一直在尝试搜索，但我最终只得到了过时的未回答的问题。

如果缺少信息，或者如果您找到了我无法找到的解决方案的来源，请回复。

简短版

当我点击圆形图像按钮（图像中的左侧）时，我想要一个看起来像搜索视图的动画（在图像的右侧）。

Answer 1

请检查下面的代码来实现它并在动画背景中使用图像..希望它会有所帮助

activity_layout.xml

 <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:orientation="horizontal"
        android:gravity="center"
        >
    <TextView
        android:id="@+id/txtglass"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:drawable/ic_menu_search"
        android:layout_gravity="center|left"/>

        <EditText
            android:id="@+id/ettext"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:hint="Type to Search"
            android:drawableRight="@android:drawable/ic_menu_search"
            />

    </LinearLayout>
</RelativeLayout>

MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
        TextView txtglass;
        EditText ettext;
        int count =0;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ettext=(EditText)findViewById(R.id.ettext);
        txtglass=(TextView)findViewById(R.id.txtglass);
        ettext.setVisibility(View.GONE);

        txtglass.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                if (count==0){
                ettext.setVisibility(View.VISIBLE);
                count=1;

                }
                 else{
                    ettext.setVisibility(View.GONE);
                    count=0;
                }


            }
        });

    }
}

希望它会有所帮助

角半径的Android动画

1 个答案: