Wie kann ich Rahmen hinzufügen?

Question

Ich habe gerade Android Studio 2.2 von 1.5 installiert, und so gibt es viele Änderungen, an die ich mich gewöhne. Im Layout-Editor, möchte ich um die Telefone eine Grenze haben:

Beachten Sie, wie nur der Inhalt des Gerätes angezeigt werden, und so ist es schwierig, die Teil der Vorschau-Editor zu unterscheiden, wie kann ich es wie ein tatsächliches Telefon mit Grenzen aussehen:

im Voraus

Danke, lass es mich wissen.

Ruchir

Answer 1

Am oberen rechten Ecke des Vorschaufensters gibt es eine blaue Zahnrad. Klicken Sie darauf und stellen Sie sicher, dass "Geräteframes einschließen" aktiviert ist. In AS 2.1.2 scheint es standardmäßig aktiviert zu sein, aber aus irgendeinem Grund wird der Geräterahmen nicht angezeigt. Ich konnte es durch Klicken auf die Schaltfläche oben links in der Symbolleiste im Vorschaufenster (das mit dem Seitensymbol und einem Android-Kopf) aufrufen und dann eine der Optionen "Vorschau ..." auswählen Klicken Sie erneut auf die Schaltfläche und wählen Sie "Keine". Es scheint, dass dieses Feature nicht ganz so funktioniert, wie ich es erwarten würde.

Answer 2

Es scheint, AS 2.2 hat keine Option, Android-Handy-Haut im Editor-Bereich anzuzeigen. Überprüfen Sie this Post

Aber Sie können alles auf einem Telefonbildschirm im Editor für z. die Statusleiste und der untere schwarze Navigationsbereich. Beachten Sie, dass der untere schwarze Navigationsbereich nur für Telefonmodelle angezeigt wird, die ihn unterstützen. Sie werden es nicht in Nexus Eins bekommen, aber es wird in Nexus 4 erhalten. Sie können das korrekte Modell von der oberen Leiste im Editorbereich auswählen.

Auch die Symbolleiste wird korrekt angezeigt, wenn sie ordnungsgemäß in der XML-Datei hinzugefügt wird. Dies ist, wie ich das Grundbild in meinem Lektor

activity_main.xml

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 
    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:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true" 
    tools:context="com.example.sample.MainActivity"> 

    <android.support.design.widget.AppBarLayout 
     android:layout_height="wrap_content" 
     android:layout_width="match_parent" 
     android:theme="@style/AppTheme.AppBarOverlay"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary" 
      app:popupTheme="@style/AppTheme.PopupOverlay" /> 

    </android.support.design.widget.AppBarLayout> 

    <include layout="@layout/content_main"/> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|end" 
     android:layout_margin="@dimen/fab_margin" 
     android:src="@android:drawable/ic_dialog_email" /> 

</android.support.design.widget.CoordinatorLayout> 

content_main.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:id="@+id/content_main" 
    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.sample.MainActivity" 
    tools:layout_editor_absoluteX="0dp" 
    tools:layout_editor_absoluteY="81dp"> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Hello World!" 
     tools:layout_editor_absoluteX="154dp" 
     tools:layout_editor_absoluteY="247dp" /> 

</android.support.constraint.ConstraintLayout> 

MainActivity.java

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.View; 
import android.view.Menu; 
import android.view.MenuItem; 

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); 

     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); 
    } 
}