Android Stdio横屏代码,Android Studio开发之UI开发之横屏竖屏不一样显示效果 -- 基础版...

￡神魔★判官ぃ 2022-10-14 00:45 204阅读 0赞

序言：java

不一样的android设备，不一样的显示风格。好比说手机属于竖屏设备，平板则属于横屏设备。如此UI设计的时候，须要考虑这个问题。因而乎，我就写了这篇入门级的示例。以备忘！android

正文：app

针对横屏竖屏分别设计不一样的显示效果。其实就是新建layout-land目录，里面存放横屏UI设计；新建layout-port目录，里面存放竖屏UI设计。以新建layout-port为例：ide

一、选中app这个目录，鼠标右击 --》 New --》Android Resource File设计

![3e80bf2f8ec5a200c23c31428658f0eb.png][]

二、code

![4ec3d23ee7869931dfc32db0e6238b0d.png][]

三、横屏UI设计，activity\_main.xml源码示例：xml

android:layout\_width="match\_parent"

android:layout\_height="match\_parent">

android:text="Land"

android:id="@+id/tv\_show"

android:layout\_gravity="center\_horizontal"

android:layout\_width="0dp"

android:layout\_height="wrap\_content"

android:layout\_weight="3"

android:text="Test"

android:layout\_width="0dp"

android:layout\_weight="1"

android:id="@+id/btn\_test"

android:onClick="OnClick"

android:layout\_height="wrap\_content"/>

android:text="Demo"

android:layout\_width="0dp"

android:layout\_weight="1"

android:id="@+id/btn\_demo"

android:onClick="OnClick"

android:layout\_height="wrap\_content"/>

android:text="Jimmy"

android:layout\_width="0dp"

android:layout\_weight="1"

android:id="@+id/btn\_jimmy"

android:onClick="OnClick"

android:layout\_height="wrap\_content"/>

四、竖屏UI设计，activity\_main.xml源码示例：blog

android:orientation="vertical" android:layout\_width="match\_parent"

android:layout\_height="match\_parent">

android:text="Land"

android:id="@+id/tv\_show"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:text="Test"

android:id="@+id/btn\_test"

android:onClick="OnClick"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"/>

android:text="Demo"

android:id="@+id/btn\_demo"

android:onClick="OnClick"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"/>

android:text="Jimmy"

android:id="@+id/btn\_jimmy"

android:onClick="OnClick"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"/>

五、MainActivity.java示例源码：utf-8

package com.example.demo003\_qualifiers;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity \{

private TextView tv\_show = null;

@Override

protected void onCreate(Bundle savedInstanceState) \{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity\_main);

tv\_show = findViewById(R.id.tv\_show);

public void OnClick(View view)

switch (view.getId())

case R.id.btn\_demo:

ShowMsg("button demo click.");

break;

case R.id.btn\_jimmy:

ShowMsg("Jimmy click.");

break;

case R.id.btn\_test:

ShowMsg("Test button has been clicked!");

break;

private void ShowMsg(String str)

tv\_show.setText(str);

备注：get

![f7542284d7e985f9493ae161ef827936.png][]

运行效果：

![6a323f8ccc0c5fd0b066e2e41d456b39.png][]

\----  The End.

[3e80bf2f8ec5a200c23c31428658f0eb.png]: /images/20221014/26e7a70db36d42b58ed2a9eb5b3bbdad.png
[4ec3d23ee7869931dfc32db0e6238b0d.png]: /images/20221014/6e9ec0aa4a3e452b9a39215716d06ccc.png
[f7542284d7e985f9493ae161ef827936.png]: /images/20221014/2084d482b0ed437f94814d66e8fe5f84.png
[6a323f8ccc0c5fd0b066e2e41d456b39.png]: /images/20221014/8f6449dad1c34e44b05c24b378936580.png