1、什么是屏幕适配?
为了解决相同内容在不同大小的屏幕小显示出相同效果而需要进行屏幕适配。
2、尺寸适配
分别在res文件夹下创建名为values-960x540和values-1184x720的文件夹,在文件夹中都创建名为dimens.xml文件
在values-960x540的dimens.xml文件中
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="app_width">100dp</dimen>
</resources>
在values-1920下080的dimens.xml文件中
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="app_width">400dp</dimen>
</resources>
在values的dimens.xml文件中也创建名为dimens.xml的文件,在以上两种分辨率不能适用的时候就会使用这个默认值
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="app_width">200dp</dimen>
</resources>
在MainActivity的布局文件中创建一个按钮,它的宽度设置为
<Button
android:layout_width="@dimen/app_width"
android:layout_height="100dp"
android:text="Hello World"
在960x540的分辨率下效果图
在1920下080的分辨率下效果图
3、图片适配
根据不同dpi手机,可以分别设计不同尺寸的相同图片放在对应的文件夹中一般有:
不同尺寸的图片存放在这些不同dpi所对应的不同文件夹中,安卓系统会根据当前设备屏幕dpi自动加载对应文件夹中的图片
应用:分别将两张图片放在mipmap-hdpi、mipmap-mdpi文件夹中,都命名为a.png。
在布局文件中添加ImageView,src属性指向a.png
<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:src="@mipmap/a"/>
在不同dpi的设备中显示的a.png图片是不同的
这是960x540下的
这是1920x1080下的
4、什么是9.png图片
普通图片在被拉伸,边角会失真模糊,而对不同分辨率而制作多个切图会导致安装包变大,因此可以通过制作9.png图片解决拉伸失真问题,这种图片可以无限拉伸而不会失真变形,从而在不同分辨率中可以保持相同形状。
5、文字适配(国际化)
在res文件夹中创建values-en(英语)、values-ja(日语)文件,在这两个文件夹中创建strings.xml文件
在这三个strings.xml文件中
默认values中的strings.xml代码,定义key为btn_btn,value为你好
<resources>
<string name="app_name">text</string>
<!-- TODO: Remove or change this placeholder text -->
<string name="hello_blank_fragment">Hello blank fragment</string>
<string name="btn_text">你好</string>
</resources>
values-en中的strings.xml代码,定义key为btn_btn,value为你好的英文
<resources>
<string name="app_name">text</string>
<!-- TODO: Remove or change this placeholder text -->
<string name="hello_blank_fragment">Hello blank fragment</string>
<string name="btn_text">hello</string>
</resources>
values-ja中的strings.xml代码,定义key为btn_btn,value为你好的日文
<resources>
<string name="app_name">text</string>
<!-- TODO: Remove or change this placeholder text -->
<string name="hello_blank_fragment">Hello blank fragment</string>
<string name="btn_text">こんにちは </string>
</resources>
在布局文件中添加一个按钮。
<Button
android:layout_width="match_parent"
android:layout_height="100dp"
android:text="@string/btn_text"/>
改变模拟器默认语言分别为中文,英语,日语,效果图:
6、横竖屏适配
我们模仿一下视频播放竖屏变全屏播放
先写布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
tools:context=".TxVideoActivity">
<LinearLayout
android:background="@mipmap/button"
android:layout_width="match_parent"
android:layout_height="200dp">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="视频正在播放"
android:textSize="35sp"/>
</LinearLayout>
<Button
android:layout_width="match_parent"
android:layout_height="50dp"
android:text="点击进入"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="加入VIP.免广告"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="100dp"
android:src="@mipmap/aaa"/>
</LinearLayout>
在在res文件夹下创建一个名为layout-land的文件夹,把上面的布局文件拷贝到中间,并且把除了ImageView的空间全都删除
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
tools:context=".TxVideoActivity">
<LinearLayout
android:background="@mipmap/button"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="视频正在播放"
android:textSize="35sp"/>
</LinearLayout>
</LinearLayout>
竖屏时:
切换到横屏时: