Create these two layouts as shown in images :

Q1 : Sorry about that bad sketch

Add color to differentiate

Q2 : U can crop these Images and place in drawable folder and add using :

U should define width and height

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/imageFileName" />
ImageView is exactly same as any other element like layout. It has same properties with the difference it
can have image background

Only these highlights images should be cropped

U can search textsize how to make bold , italic etc its just one line of code.

Make interface of calculator having simple 16 buttons. 1 , 2 , 3 , 4 , 5 , 6 , 7 , 8 , 9 , 0 , = , + , - , * , / , .

Simple like that:

But on top we should have an edittext width match parent and height 60dp: