Question

I’m using JakeWharton TitlePageIndicator. The indicator has worked very find until I set the title to a little bit long string (20 characters), the center title is displayed very well but the left and the right title is too closed to the center title. Is there any way to make it just like in Google play where the left and the right title is showed only half (or a fix length)?

Thank you,

Answer 1

For anyone who may have this same problem. In JakeWharton TitlePageIndicator, there is 2 method which will control the display of left and right title:

/**
 * Set bounds for the right textView including clip padding.
 *
 * @param curViewBound
 *            current bounds.
 * @param curViewWidth
 *            width of the view.
 */
private void clipViewOnTheRight(Rect curViewBound, float curViewWidth, int right) {
    // isShowPartOfInactiveTitles is my variable which is set default to TRUE
    if(isShowPartOfInactiveTitles){
        curViewBound.right = (int)(right + curViewWidth - 60);
        curViewBound.left = (int)(right - 60);
    }else{
        curViewBound.right = (int) (right - mClipPadding);
        curViewBound.left = (int) (curViewBound.right - curViewWidth);
    }
}

/**
 * Set bounds for the left textView including clip padding.
 *
 * @param curViewBound
 *            current bounds.
 * @param curViewWidth
 *            width of the view.
 */
private void clipViewOnTheLeft(Rect curViewBound, float curViewWidth, int left) {
    // isShowPartOfInactiveTitles is my variable which is set default to TRUE
    if(isShowPartOfInactiveTitles){
        curViewBound.left = (int)(left - curViewWidth + 60);
        curViewBound.right = (int)(left + 60);
    }else{
        curViewBound.left = (int) (left + mClipPadding);
        curViewBound.right = (int) (mClipPadding + curViewWidth);   
    }
}

The above code snippet will show only 60dp of left and right title. You can make this number a attribute and pass it through xml. Here I hardcoded it for easy understanding.