安卓屏幕适配

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>

竖屏时:
这里写图片描述
切换到横屏时:
这里写图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值