平板电脑和移动设备的不同UI

时间:2016-11-03 09:17:54

标签: android user-interface tablet smartphone

我正在使用一个平板电脑移动模式的应用程序。

我有困惑。

仅一个屏幕有完全不同的 UI WEBAPI

我可以在相同的应用中进行这些更改吗?

或者

我必须为平板电脑模式创建不同的应用吗?

3 个答案:

答案 0 :(得分:2)

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

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)

答案 1 :(得分:1)

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

在app>下创建bool.xml文件src>主要> res>值> bool.xml

values-sw600dp values-sw720dp

相同

bool.xml

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

bool.xml

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

bool.xml

<?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
}

答案 2 :(得分:0)

您可以创建具有最小宽度约束的布局。如果是这样的话:

XML Layout folder =&gt;新文件=&gt;布局资源文件=&gt;

  • 与其他文件相同的名称
  • 可用限定符=&gt;最小宽度=&gt; (例子)600

然后去制作一个对平板电脑有意义的布局。 * Android将为屏幕尺寸选择正确的XML。