Urgent! Need help with Design Issues in Android Devices

As this is the Chit-chat section of the website. So, I think this is the best place for posting this topic. I am designing an android app. And right now stuck in the user profile area. I have to display the exact profile in a container (either circular or rectangle). This is a normal banner area for phones.

Code:

<ImageView
android:id="@+id/picturesoftheuser"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="fitLeft"
android:adjustViewBounds="false"
android:background="@android:color/black"
android:layout_centerHorizontal="false"
android:elevation="17dp"/>

If the image is square or the height is half the width, the profile is displaying in the perfect manner. But with some blurness, which is acceptable, as far as, it is is not stretched too much. The problem is when the width is greater than height. But, when the height exceeds 300dp, the width went out of the layout and does not do the resizing. This is a serious thing for the design, as it left blank spots at the bottom.

If I choose the centerCrop using scaleType, it will solve the issue. But if the width is equal to height. The cropping will damage the image. In my case, it will crop the hairs (which is seriously not required).
So, what is the solution in my XML for this resizing issue? Filling the container without seeing the horizontal length to the vertical. Then using the match_parent property.(I suppose it will act as CenterCrop and will crop the width rather than the height).

I am attaching an image showing the issues. From the image, the gray area is the blurry part and resized version of the original area. The image is not blurred if the horizontal axis fits the area wrt to match_parent property.


Right now, I also have to achieve another design challenge. My boss assigned a difficult task, where I have to create a difficult but an interactive design for every custom devices either mobile or tab or something else. A simple example is 2016 Navy Federal Pay Deposit Dates - Militarybases.co. You can see a map at the top with search options and adds. After that, there is an image, then text, then Ads, then ratings and then comments. Right now, I am only using one absolute layout in horizontal axis to get the job done. So, you can see, I only have to place the containers(text,image,viewbox,map,video,rating plugin, comments section) inside the layout body. But, it is not preferable and the visitor does not like it. The task is to allow the website owner to make the design, as he wishes for the current requirement. As only 4 days are left in delivering the assignment, I don't have any time left. Please reply ASAP.

---

› See More: Urgent! Need help with Design Issues in Android Devices