android - 项目在 Android Studio 预览中显得更大？

Question

所以我在 Android Studio 中设计我的 View 时发生了这种情况:

http://puu.sh/it8CF/aaa697a7d2.jpg <-- 它在工作室预览中的样子

http://puu.sh/it8Gk/047a18f276.jpg <-- 它在模拟器 View 中的外观，用于预览的完全相同的设备

这让我无法为我的应用设计 UI。这些图标是有意不同的，但它们重叠根本不是设计使然。它们应该彼此相邻...我的 friend 正在他的计算机上运行完全相同的模拟器/项目，它在 Android Studio 预览中看起来像这样。

这是他的 android 预览版的截图:

http://puu.sh/it8OZ/4647e7a966.jpg

那么我该从哪里开始，知道如何解决它吗？

下面要求的是 pastebin 中的 XML 版本:http://pastebin.com/QxfBy6F9

相对布局中总共有 20 个图标，但这种情况发生在所有不同的布局中，而不仅仅是相对布局。我正在尝试将其编码为线性布局，每行有 4 个图标，但是由于尺寸的布局，如果更改会放置 3，然后切掉最后一个图标的 75%，即使在手机上它可以最多显示 5 个。

Answer 1

您可以尝试一些解决方案。

<强>1。保持布局不变，并使用以下代码设置图像按钮的宽度和高度大小:

int screenWidth = ...; //Calculate your screen width
imageButton1.getLayoutParams().width = screenWidth / 5;
imageButton1.getLayoutParams().height = screenWidth / 5;

您可以使用以下代码计算屏幕宽度:

public static int getScreenWidth(Context context) {
   int width;
        
   if (android.os.Build.VERSION.SDK_INT >= 13) {
     WindowManager wm = (WindowManager)context.getSystemService(Context.WINDOW_SERVICE);
     Display display = wm.getDefaultDisplay();
     Point size = new Point();
     display.getSize(size);
     width = size.x;
   } else {
     WindowManager wm = (WindowManager)context.getSystemService(Context.WINDOW_SERVICE);
     Display display = wm.getDefaultDisplay();
     width = display.getWidth();  // deprecated
   }

   return width;
}

<强>2。将每行的布局更改为 LinearLayout:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
   android:background="#00BCD4">
 
  
   <LinearLayout
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:orientation="horizontal">
     <ImageButton
       android:layout_width="0dp"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       />
     <ImageButton
       android:layout_width="0dp"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       />
     <ImageButton
       android:layout_width="0dp"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       />
     <ImageButton
       android:layout_width="0dp"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       />
   </LinearLayout>
   <LinearLayout
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:orientation="horizontal">
     <ImageButton
       android:layout_width="0dp"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       />
     <ImageButton
       android:layout_width="0dp"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       />
     <ImageButton
       android:layout_width="0dp"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       />
     <ImageButton
       android:layout_width="0dp"
       android:layout_height="wrap_content"
       android:layout_weight="1"
       />
   </LinearLayout>
   
   // Add more LinearLayout here...
  
  
</LinearLayout>