平板电脑和手机不同 UI

Question

我正在为 Tablet 和 Mobile 模式开发一个应用程序。

我很困惑。

完全不同的 UI 和 WEBAPI 只有一个屏幕。

我可以在同一个应用程序中进行这些更改吗？

或者

我必须为平板电脑模式创建一个不同的应用程序？

Answer 1

您可以只为该特定页面创建一个具有相同名称的新布局喜欢

res/layout/main_activity.xml           # For handsets (smaller than 600dp available width)
res/layout-sw600dp/main_activity.xml   # For 7” tablets (600dp wide and bigger)
res/layout-sw720dp/main_activity.xml   # For 10” tablets (720dp wide and bigger)

Answer 2

您可以创建具有最小宽度限制的布局。如果是这样：

XML 布局文件夹 => 新建文件 => 布局资源文件 =>

与其他文件同名
可用限定符 => 最小宽度 =>（示例）600

然后去做一个适合平板电脑的布局。 *Android 将为屏幕尺寸选择合适的 XML。

Answer 3

最后我用下面的代码解决了我的问题。

在app > src > main > res > values > bool.xml

下创建bool.xml文件

与 values、values-sw600dp、values-sw720dp[=14= 相同]

bool.xml 对于值

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <bool name="isTablet">false</bool>
</resources>

bool.xml 对于 values-sw600dp

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <bool name="isTablet">true</bool>
</resources>

bool.xml 对于 values-sw720dp

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <bool name="isTablet">true</bool>
</resources>

现在只做以下事情。

// Global Variable
boolean isTablet;

//Get Value from values bool.xml file
 isTablet = getResources().getBoolean(R.bool.isTablet);

//Now check condition
if(isTablet){
      //Device is tablet
}else{
      //Device is mobile
}

平板电脑和手机不同 UI

Different UI for Tablet and Mobile

user-interface

android

smartphone

tablet