Custom layouts in Android Kotlin - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ ui_behavior

intermediate

How does onMeasure affect a custom layout?

In a custom Android ViewGroup, what is the main role of the onMeasure method?

A It calculates and sets the size requirements for the view and its children.

B It draws the view's content on the screen.

C It inflates the layout XML file into view objects.

D It handles user touch events inside the view.

💡 Hint

Think about how the system knows how big your custom layout should be.

The onMeasure method is where a custom layout calculates how big it and its children want to be. This helps the system allocate space properly.

❓ ui_behavior

intermediate

What does onLayout do in a custom ViewGroup?

In a custom Android ViewGroup, what is the purpose of the onLayout method?

A It measures the size of the ViewGroup itself.

B It listens for click events on the ViewGroup.

C It handles drawing the background color of the ViewGroup.

D It positions and sizes the child views within the ViewGroup.

💡 Hint

Think about where the children should appear inside the parent.

The onLayout method is responsible for placing each child view at the correct position and size inside the parent ViewGroup.

📝 Syntax

advanced

What is the output of this custom layout measurement code?

Given this snippet inside a custom ViewGroup's onMeasure method, what will be the measured width and height of the ViewGroup?

override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
  val widthSize = MeasureSpec.getSize(widthMeasureSpec)
  val heightSize = MeasureSpec.getSize(heightMeasureSpec)
  setMeasuredDimension(widthSize / 2, heightSize / 2)
}

A The ViewGroup will have zero width and height.

B The ViewGroup will be the full width and height of the available space.

C The ViewGroup will be half the width and half the height of the available space.

D The code will cause a runtime crash.

💡 Hint

Look at how setMeasuredDimension is called with half the sizes.

The code sets the measured dimensions to half the available width and height, so the ViewGroup will be smaller than the space given.

🔧 Debug

advanced

Why does this custom layout not show its children?

A developer wrote this onLayout method but the children are not visible:

override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {
  // No calls to child.layout()
}

Why are the children not visible?

A Because the children are invisible by default.

B Because the children were never positioned with child.layout(), so they have no size or position.

C Because onLayout is not called automatically by the system.

D Because the ViewGroup forgot to call super.onLayout().

💡 Hint

Children need to be told where to appear inside the parent.

Without calling child.layout() for each child, the system doesn't know where to place them, so they don't appear.

🧠 Conceptual

expert

How does padding affect custom layout measurement and positioning?

In a custom ViewGroup, how should padding be handled during onMeasure and onLayout to correctly size and position children?

A Subtract padding from the available size in onMeasure and offset children by padding in onLayout.

B Ignore padding because it is handled automatically by the system.

C Add padding to the children's size to make them bigger.

D Set padding to zero before measuring and laying out children.

💡 Hint

Think about how padding reduces space inside the ViewGroup.

Padding reduces the space available for children, so it must be subtracted from the size during measurement and used as an offset when positioning children.