안드로이드에서 도우미 화면을 만드는 방법

Question

사용자가 앱을 사용하는 방법을 안내하는 주요 활동을 돕기 위해 도우미 화면을 가져오고 싶습니다.

이것은 내 주요 활동입니다.

출력 : 이것은 사용자에게 도우미 화면을 표시하는 방법입니다.

이 내 main_activity.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"> 


    <Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Button" 
     android:id="@+id/button" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" /> 
</RelativeLayout> 

이 코드는 주 활동 Java 클래스 파일입니다.

public class MainActivity extends AppCompatActivity { 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 
    } 

    @Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
     // Inflate the menu; this adds items to the action bar if it is present. 
     getMenuInflater().inflate(R.menu.main, menu);//Menu Resource, Menu 
     return true; 
    } 
    @Override 
    public boolean onOptionsItemSelected(MenuItem item) { 
     switch (item.getItemId()) { 
      case R.id.clipboard: 
       Toast.makeText(getApplicationContext(),"Text Copied",Toast.LENGTH_LONG).show(); 
       return true; 
      default: 
       return super.onOptionsItemSelected(item); 
     } 
    } 
} 

이것은 main_menu.xml 파일입니다.

<menu 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" 
    tools:context=".MainActivity"> 

    <item 
     android:id="@+id/clipboard" 
     android:icon="@drawable/ic_content_copy_white_48dp" 
     android:orderInCategory="100" 
     android:title="Clip Board" 
     app:showAsAction="always" /> 

</menu> 

Answer 1

코드에서 일부 수정을했습니다. 여기

여기

<?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" 
    tools:context="eflair.helperscreentutorial.MainActivity"> 


    <Button 
     android:id="@+id/newButton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     android:text="New Button" /> 

    <FrameLayout 
     android:id="@+id/fullScreenLayout" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 
</RelativeLayout> 

같은 activity_main.xml 모양의이 MainActivity.java이의 당신은이 같은 이미지를 만들 필요가

public class MainActivity extends AppCompatActivity { 

    private FrameLayout fullScreenLayout; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 

     fullScreenLayout = (FrameLayout) findViewById(R.id.fullScreenLayout); 

     final RelativeLayout layout = new RelativeLayout(this);   // Dynamically creating layout 
     layout.setLayoutParams(new RelativeLayout.LayoutParams(ViewGroup.LayoutParams 
       .MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)); 
     layout.setBackgroundColor(Color.DKGRAY);      // Setting bgcolor to the layout 
     layout.setAlpha(0.5f);           // Setting opacity to the layout 
     layout.setBackgroundResource(R.drawable.helperscreen);   // Adding image to layout 
     layout.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       fullScreenLayout.removeView(layout);     // On clicking the image layout will be removed 
      } 
     }); 
     fullScreenLayout.addView(layout);        // Adding view to the layout 

    } 

    @Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
     getMenuInflater().inflate(R.menu.main, menu); 
     return true; 
    } 

    @Override 
    public boolean onOptionsItemSelected(MenuItem item) { 
     switch (item.getItemId()) { 
      case R.id.cb: 
       Toast.makeText(getApplicationContext(), "Text Copied", Toast.LENGTH_LONG).show(); 
       return true; 
      default: 
       return super.onOptionsItemSelected(item); 
     } 
    } 
} 

처럼되고 난 것입니다 이 예제에서는 m을 사용합니다.

여기 출력입니다.

Answer 2

this one과 같은 외부 라이브러리를 사용할 수 있습니다. 많은 다른 사람이 있습니다.

Answer 3

당신은 다음과 같은 두 가지 방법으로이 작업을 수행 할 수 있습니다
1. 요구 사항에 따라 요소 (보기)의 위치와 대화 상자를 만드는 도움 튜토리얼 화면과 대화 상자를 보여줌으로써.
2. 모든 해상도 장치에 대한 도움말 화면 이미지를 작성하여 도움말 화면으로 사용합니다.