使按钮出现在用户单击的任何位置

Question

我是 Android 应用开发新手。我想知道是否有任何方法可以让button 在用户点击屏幕的任何地方都可见。我的朋友告诉我，我可能需要做一些自定义 UI，但我不知道这对 Android 意味着什么，也不知道如何实现它。我知道它应该如何工作。我在想这样的事情：

在 XML 中：

Create a button with, android:onclick = "makeVisible" and visibility="invisible" attributes

然后在Java代码中：

public void makeVisible (*something goes in here*) 
{
    button.setVisibility="visible"
}

我不确定你是否会这样做，但这就是我的想象（至少是为了让它看起来）我不知道你会如何移动它。请查看图片了解更多信息。

只有在单击某个菜单选项时才会出现白色方块。只有当显示该正方形时，我希望在单击某些内容时出现“添加文本”按钮。

例如：按钮将是不可见的。如果用户点击任何位置（1、2、3、4、5、6、7、8、9 或 10），按钮就会出现在该位置，如果点击新位置，它会消失并重新出现在新位置。

我希望有人可以帮助我。如果我在任何时候让任何人感到困惑，请随时要求我澄清一些事情。

感谢您的帮助。

这是我当前的 XML 代码：

<?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"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:showIn="@layout/activity_main"
tools:context="com.example.android.postvu.MainActivity">

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:contentDescription="@string/background"
    android:scaleType="centerCrop"
    android:src="@drawable/grid"
    tools:layout_editor_absoluteY="0dp"
    android:layout_marginRight="7dp"
    android:layout_marginEnd="7dp"
    tools:ignore="MissingConstraints" />

<TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_marginRight="8dp"
    android:layout_marginTop="8dp"
    android:text="@string/image_text_editor"
    android:textColor="@android:color/black"
    android:textSize="28sp"
    android:textStyle="bold"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    tools:text="Image Text Editor"
    android:layout_marginStart="8dp"
    android:layout_marginEnd="8dp" />


<Button
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_marginBottom="8dp"
    android:layout_marginLeft="8dp"
    android:layout_marginRight="8dp"
    android:layout_marginTop="8dp"
    android:background="@mipmap/ic_launcher"
    android:scaleType="centerCrop"
    android:onClick="myOnClickMethod"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/textView"
    app:layout_constraintVertical_bias="0.98"
    android:id="@+id/button"
    android:layout_marginStart="8dp"
    android:layout_marginEnd="8dp" />

<ImageView
    android:id="@+id/imageView3"
    android:layout_width="450dp"
    android:layout_height="450dp"
    android:layout_marginBottom="8dp"
    android:layout_marginLeft="8dp"
    android:layout_marginRight="8dp"
    android:layout_marginTop="8dp"
    android:contentDescription="@string/white_background"
    android:tag="white"
    android:visibility="invisible"
    app:layout_constraintBottom_toBottomOf="@+id/button"
    app:layout_constraintLeft_toLeftOf="@+id/imageView2"
    app:layout_constraintRight_toRightOf="@+id/imageView2"
    app:layout_constraintTop_toTopOf="@+id/textView"
    app:srcCompat="@mipmap/white" />

<Button
    android:id="@+id/add_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/add_text"
    android:visibility="visible"
    android:onClick="makeVisible"
    tools:ignore="MissingConstraints" />

</android.support.constraint.ConstraintLayout>

还有我当前的 Java 代码：

package com.example.android.postvu;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.ContextMenu;
import android.view.SubMenu;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    view = (ImageView)findViewById(R.id.imageView3);
    backgroundImageName = String.valueOf(view.getTag());

    FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
    fab.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                    .setAction("Action", null).show();
        }
    });
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.menu_main, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        return true;
    }

    return super.onOptionsItemSelected(item);
}


public void myOnClickMethod(View v) {
    registerForContextMenu(v);
    openContextMenu(v);
}

final int CONTEXT_MENU_VIEW = 1;
final int CONTEXT_MENU_EDIT = 2;
final int MENU_SORT = 3;
final int MENU_SORT_BY_NAME = 4;
final int MENU_SORT_BY_ADDRESS = 5;

ImageView view;
String backgroundImageName;

@Override
public void onCreateContextMenu (ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
    menu.setHeaderTitle("Options");
    menu.add(Menu.NONE, CONTEXT_MENU_VIEW, Menu.NONE, "Take Photo");
    menu.add(Menu.NONE, CONTEXT_MENU_EDIT, Menu.NONE, "Photo Album");
    SubMenu sub=menu.addSubMenu(Menu.NONE, MENU_SORT, Menu.NONE, "Plain Image");
    sub.add(Menu.NONE, MENU_SORT_BY_NAME, Menu.NONE, "GridVu");
    sub.add(Menu.NONE, MENU_SORT_BY_ADDRESS, Menu.NONE, "Story");
}

@Override
public boolean onContextItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case CONTEXT_MENU_VIEW:
            return true;

        case CONTEXT_MENU_EDIT:
            return true;

        case MENU_SORT_BY_NAME:
            if (backgroundImageName.equals("white"))
            {
                view.setVisibility(View.VISIBLE);
            }
            return true;

        case MENU_SORT_BY_ADDRESS:
            return true;

        default:
            return super.onContextItemSelected(item);
    }
}

public void makeVisible(View w) {
    View b = findViewById(R.id.add_text);
    b.setVisibility(View.VISIBLE);
    }
}

Answer 1

<Button
    android:id="@+id/add_text"
    ...
    android:visibility="visible"  <!-- This is already visible -->
    android:onClick="makeVisible"
    ... />

您的意思是使用不同的视图 ID 吗？也许imageView3？该按钮已经可见，但您的想法是正确的

public void makeVisible(View w) {
    View b = findViewById(R.id.add_text);  // Change which view
    b.setVisibility(View.VISIBLE);
}

顺便说一句，View w 将等于您单击的按钮。不用再找了

Answer 2

您可以为您的父布局添加触摸侦听器，在您的情况下是 ConstraintLayout。

parent.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
            //get x and y with event.getX() and event.getY()
            return true;
    }
});

使用如下的 x 和 y 坐标动态添加按钮，

Button button = (Button)findViewById(R.id.btn);
AbsoluteLayout.LayoutParams absParams = 
(AbsoluteLayout.LayoutParams)button.getLayoutParams();
absParams.x = myNewX;
absParams.y = myNewY;
button.setLayoutParams(absParams);

希望对你有帮助！

Answer 3

您可以在活动视图中的主 xml 标记上定义一个 id，然后通过在视图上应用 setOnclickListener 方法来玩屏幕。 要使您的按钮可见，您可以设置“setVisibiliy(View.VISIBLE)”。

示例： - 在您的 xml 和 Java 中：

View main_view = findViewById(R.id.main_view);
Button button = ...
main_view.setOnClickListener(new OnClickListener{
    @Override
     public void onClick(View v){
         if(button.getVisibility() == View.INVISIBLE){
             button.setVisibiliy(View.VISIBLE);
         }else{
             button.setVisibiliy(View.INVISIBLE);
         }
     }
 });