Introduction

When a new Android project is created, there are some files that are added to the project, by default. We call these default project files and folders as Android Resources.

Look at following screenshot to understand what is Resources in Xamarin Android,

Xamarin
Resources are very important part of Xamarin android

So, basically what is Resources?

Resources are non-source code files and compiled (along with the source code) during the build process and packaged as an APK for distribution and installation onto devices.

Advantages of Resources are,

  1. Compile time checking.
  2. Target multiple devices.
  3. Code separation.

So, we are trying to understand resources in Xamarin Android in the following ways:

  1. Load Images in a layout and programmatically.
  2. Differences between Assets and Resources
  3. Images for different screen densities.

For this we are creating a sample project as below,

  • Create a new Android project as follows,

    Xamarin

Load Images in a layout and programmatically.

  • The first way of loading the image is by using Layout is just drag and drop image into drawable folder of project or right clicked on Resources folder of project and adding files as shown below,

    Xamarin
  • Select your image from your local computer as below,

    Xamarin 
  • Now the image is added into the drawable section of Resources folder in your project

    Xamarin
  • Drag and drop ImageView as below,

    Xamarin

    Xamarin
  • Select your image and click ok as shown below,

    Xamarin
  • Add button and give some meaningful name as below,

    Xamarin
  • Main.axml file is as below,

    Xamarin 
  • Code of Main.axml is as below,
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    3.     android:orientation="vertical"  
    4.     android:layout_width="match_parent"  
    5.     android:layout_height="match_parent">  
    6.     <Button  
    7.         android:text="Click Me!"  
    8.         android:layout_width="match_parent"  
    9.         android:layout_height="wrap_content"  
    10.         android:id="@+id/button1" />  
    11.     <ImageView  
    12.         android:src="@drawable/la_mancha_poem"  
    13.         android:layout_width="match_parent"  
    14.         android:layout_height="wrap_content"  
    15.         android:id="@+id/imageView1" />  
    16. </LinearLayout>   
  • We should initialize Main.axml in MainAcitivity.cs as below,

    Xamarin

Now Load Image by Programmatically

  • Don’t set image background in Main.axml is as follows,

    Xamarin 
  • MainActivity.cs class is as follows,

    Xamarin 
  • We are showing Image by clicking on button click
  • Code for MainActivity.cs is as follows,
    1. using Android.App;  
    2. using Android.Widget;  
    3. using Android.OS;  
    4.   
    5. namespace ResourcesInAndroidDemo  
    6. {  
    7.     [Activity(Label = "ResourcesInAndroidDemo", MainLauncher = true, Icon = "@drawable/icon")]  
    8.     public class MainActivity : Activity  
    9.     {  
    10.         Button button;  
    11.         ImageView imageView;  
    12.   
    13.         protected override void OnCreate(Bundle bundle)  
    14.         {  
    15.             base.OnCreate(bundle);  
    16.   
    17.             // Set our view from the "main" layout resource  
    18.              SetContentView (Resource.Layout.Main);  
    19.   
    20.             button = FindViewById<Button>(Resource.Id.button1);  
    21.             imageView = FindViewById<ImageView>(Resource.Id.imageView1);  
    22.   
    23.             button.Click += Button_Click;  
    24.         }  
    25.   
    26.         private void Button_Click(object sender, System.EventArgs e)  
    27.         {  
    28.             try  
    29.             {  
    30.                 imageView.SetImageResource(Resource.Drawable.La_Mancha_Poem);  
    31.             }  
    32.             catch (System.Exception ex)  
    33.             {  
    34.                 throw;  
    35.             }  
    36.         }  
    37.     }  
    38. }   

Difference between Assets and Resources

Sr. NoResourcesAssets
1.        It Support is for different languages, OS versions and screen orientationNone of this available for Assets
2.It checked at compile time so we don't make a mistakeNot applied in Assets
1.        Resources defined in a library project are automatically imported to application projects that depend on the libraryFor Assets, that don't happen; asset files must be present in the assets directory of the application project
2.        Resource directory each file is given a pre-compiled ID which can be accessed easily through R.id. [res id]. This is useful to quickly and easily access images, sounds, icons.Asset directory is more like a filesystem and provides more freedom to put any file you would like in there.
3.        Contains application resources, such as drawable files, layout files, and string values.This is empty. You can use it to store raw asset files. Files that you save here are compiled into an. apk file as-is, and the original filename is preserved.

Images for different screen densities.

Now we are trying to understand the difference between different densities of images.  Android itself runs on many different devices, each having a wide variety of resolutions, screen sizes, and screen densities.

Screen Density 

The number of pixels in any given area on the screen. The typical unit of measure is dots per inch (dpi). 

  • Create two folders drawable-hdpi and drawable-xxhdpi as below,

    Xamarin 
  • In drawable-hdpi folder contain actual la mancha image and in drawable-xxhdpi folder contail apple logo image as shown below,

    Xamarin
    Fig. drawable-hdpi image                            

    Xamarin
    Fig. drawable-xxhdpi image
  • Now when we run application on hdpi android device then it picks images from drawable-hdpi folder and if we run same application on high resolution devices like extra extra high density devices then it chooses the image from drawable-xxhdpi folders as shown below,

    Xamarin
    Fig. 4.4” Kitkat HDPI Phone

    Xamarin
    Fig. It shows image from drawable-hdpi folder
  • Now we are running our application on a 5” Kitkat XX-HDPI Android Phone

    Xamarin
    Fig. 5” Kitkat XXHDPI Phone

    Xamarin
    Fig. It takes an image from drawable-xxhdpi folder
  • Hence we can say that Android take images from different drawable folders as per density or resolution size of respective device.

Conclusion

Hence we learned what  Resources in Xamarin Android are, advantages of Resources, how to load images by using designer as well as programmatically, the difference between Assets and Resources, and images for different screen densities.

Next Recommended Readings