android显示图片的原理,设计到几个方面:
1.图片的大小
2.图片的存放的位置,分为drawable-ldpi,drawable-mdpi,drawable-hdpi,drawable-xhdpi
3.图片是不是以背景的形式显示
总结,假设图片的大小是(108px)x(46px)
假如,假如手机屏幕的屏幕密度是1.
图片放在drawable-ldpi,那图片是放大0.75倍显示的;
放在drawable-mdpi,图片是按原本大小显示的;
放在drawable-hdpi,图片是按原来大小的2/3显示的;
放在drawable-xhdpi,图片是按原来大小的1/2显示的;
假如,假如手机屏幕的屏幕密度是2.
图片放在drawable-ldpi,那图片是放大0.75/2倍显示的;
放在drawable-mdpi,图片是按原本大小/2显示的;
放在drawable-hdpi,图片是按原来大小的2/3/2显示的;
放在drawable-xhdpi,图片是按原来大小的1/2/2显示的;
但是,图片是以背景形式存在的,如果显示内容过多,图片就会被拉伸。
附上效果图,
我用的荣耀3c,屏幕密度是2;图片大小是(108px)x(46px),放在的位置drawable-xhdpi
代码是
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.androiddemo.MainActivity" >
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="fsdaffadgfagfffffffffffff" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:background="@drawable/record_down"/>
<TextView
android:layout_width="54dp"
android:layout_height="23dp"
android:text="TextView"
android:background="@drawable/record_down"/>
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:background="@drawable/record_down"/>
<TextView
android:layout_width="54dp"
android:layout_height="23dp"
android:text="TextView"
android:background="@drawable/record_down"/>
</LinearLayout>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.androiddemo.MainActivity" >
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="fsdaffadgfagfffffffffffff" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:background="@drawable/record_down"/>
<TextView
android:layout_width="108dp"
android:layout_height="46dp"
android:text="TextView"
android:background="@drawable/record_down"/>
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:background="@drawable/record_down"/>
<TextView
android:layout_width="108dp"
android:layout_height="46dp"
android:text="TextView"
android:background="@drawable/record_down"/>
</LinearLayout>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.androiddemo.MainActivity" >
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="fsdaffadgfagfffffffffffff" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:background="@drawable/record_down"/>
<TextView
android:layout_width="54dp"
android:layout_height="23dp"
android:text="TextView"
android:background="@drawable/record_down"/>
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:background="@drawable/record_down"/>
<TextView
android:layout_width="54dp"
android:layout_height="23dp"
android:text="TextView"
android:background="@drawable/record_down"/>
</LinearLayout>
------------------------------------------------------
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.androiddemo.MainActivity" >
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="fsdaffadgfagfffffffffffff" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:background="@drawable/record_down"/>
<TextView
android:layout_width="108dp"
android:layout_height="46dp"
android:text="TextView"
android:background="@drawable/record_down"/>
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:background="@drawable/record_down"/>
<TextView
android:layout_width="108dp"
android:layout_height="46dp"
android:text="TextView"
android:background="@drawable/record_down"/>
</LinearLayout>