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: