Android Open Source - openaccessbutton Faq View

From Project

License

The source code is released under:
MIT License
If you think the Android project openaccessbutton listed in this page is inappropriate, such as containing malicious code/tools or violating the copyright, please email info at java2s dot com, thanks.
Java Source Code

package org.openaccessbutton.openaccessbutton.advocacy;
//  w  ww  . j  a va  2 s  .  c o m
import android.app.Activity;
import android.app.Application;
import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.util.AttributeSet;
import android.view.Display;
import android.view.LayoutInflater;
import android.view.View;
import android.view.WindowManager;
import android.view.animation.Animation;
import android.view.animation.Transformation;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import org.openaccessbutton.openaccessbutton.R;

/**
 * Custom compound view that shows a dynamic FAQ in the advocacy page. Split into thee parts:
 * a textual question, a textual answer and an HTML details section.
 */
public class FaqView extends LinearLayout {
    // Animation speed
    public final static double ANIMATION_DP_MS = 0.2;
    protected Context mContext;
    protected String mDetails;
    
    public FaqView(Context context) {
        super(context);
        initView(context);
    }

    public FaqView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context);
    }

    public FaqView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initView(context);
    }

    public void setQuestion(String question) {
        ((TextView) findViewById(R.id.faqQuestion1)).setText(question);
        ((TextView) findViewById(R.id.faqQuestion2)).setText(question);
    }

    public void setAnswer(String answer) {
        ((WebView) findViewById(R.id.faqAnswer)).loadData(answer, "text/html", "utf-8");
    }

    public void setDetails(String html) {
        mDetails = html;
        ((WebView) findViewById(R.id.detailsContent)).loadData(html, "text/html", "utf-8");

        if (mDetails != null && mDetails.length() > 0) {
            findViewById(R.id.moreInfo).setVisibility(View.VISIBLE);
        } else {
            findViewById(R.id.moreInfo).setVisibility(View.GONE);
        }
    }

    public void setImage(String imageName) {
        ((ImageView) findViewById(R.id.imageContent)).setImageResource(mContext.getResources().getIdentifier(imageName, "drawable", mContext.getPackageName()));
    }

    protected void initView(Context context) {
        mContext = context;
        LayoutInflater.from(context).inflate(R.layout.advocacy_faq, this);

        // Initialise the details WebView with blank data
        WebView details = (WebView) findViewById(R.id.detailsContent);
        details.loadData("<html><head><style type=\"text/css\">body,a,a:hover,a:active,a:visited{color: #212F3F}</head><body></body></html>", "text/html", "utf-8");
        details.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                Intent k = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                k.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
                ((Activity) mContext).startActivity(k);
                return true;
            }
        });
        WebView answer = (WebView) findViewById(R.id.faqAnswer);
        details.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                Intent k = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                ((Activity) mContext).startActivity(k);
                return true;
            }
        });
        answer.loadData("<html><head><style type=\"text/css\">body,a,a:hover,a:active,a:visited{color: #212F3F}</head><body></body></html>", "text/html", "utf-8");

        // Start off with the answer and details hidden
        switchToQuestionView();

        // Buttons to switch between the different views
        ImageView expandAnswerButton = (ImageView) findViewById(R.id.expandAnswerButton);
        expandAnswerButton.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                switchToAnswerView();
            }
        });
        ImageView contractAnswerButton = (ImageView) findViewById(R.id.contractAnswerButton);
        contractAnswerButton.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                switchToQuestionView();
            }
        });
        ImageView contractAnswerButton2 = (ImageView) findViewById(R.id.closeButton2);
        contractAnswerButton2.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                switchToQuestionView();
            }
        });
        TextView moreInfoButton = (TextView) findViewById(R.id.moreInfo);
        moreInfoButton.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                switchToFullView();
            }
        });
    }

    /**
     * Hide the answer and details, and show the question only
     */
    protected void switchToQuestionView() {
        final View v = findViewById(R.id.answerDetailsContainer);

        // Animate hiding the answer and details by reducing the height to 0
        // Copied from Tom Esterez @ http://stackoverflow.com/questions/4946295
        final int initialHeight = v.getMeasuredHeight();
        //WindowManager wm = (WindowManager) v.getContext().getSystemService(Context.WINDOW_SERVICE);
        //Display display = wm.getDefaultDisplay();

        v.setVisibility(View.GONE);
        findViewById(R.id.expandAnswerButton).setVisibility(View.VISIBLE);
        findViewById(R.id.closeButton2).setVisibility(View.GONE);
        findViewById(R.id.detailsContent).setVisibility(View.GONE);
        findViewById(R.id.imageContent).setVisibility(View.GONE);

        if (mDetails != null && mDetails.length() > 0) {
            findViewById(R.id.moreInfo).setVisibility(View.VISIBLE);
        } else {
            findViewById(R.id.moreInfo).setVisibility(View.GONE);
        }
    }

    /**
     * Show the answer and question, but hide the details
     */
    protected void switchToAnswerView() {
        final View v = findViewById(R.id.answerDetailsContainer);

        // Animate showing the answer by increasing the height to it's full height
        // Copied from Tom Esterez @ http://stackoverflow.com/questions/4946295
        v.measure(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
        final int targtetHeight = v.getMeasuredHeight();
        v.getLayoutParams().height = 0;
        v.setVisibility(View.VISIBLE);
        Animation a = new Animation()
        {
            @Override
            protected void applyTransformation(float interpolatedTime, Transformation t) {
                v.getLayoutParams().height = interpolatedTime == 1
                        ? LayoutParams.WRAP_CONTENT
                        : (int)(targtetHeight * interpolatedTime);
                v.requestLayout();
            }

            @Override
            public boolean willChangeBounds() {
                return true;
            }
        };
        a.setDuration((int)(ANIMATION_DP_MS*targtetHeight / v.getContext().getResources().getDisplayMetrics().density));
        findViewById(R.id.expandAnswerButton).setVisibility(View.GONE);
        findViewById(R.id.closeButton2).setVisibility(View.VISIBLE);
        findViewById(R.id.detailsContent).setVisibility(View.GONE);
        findViewById(R.id.imageContent).setVisibility(View.GONE);
        if (mDetails != null && mDetails.length() > 0) {
            findViewById(R.id.moreInfo).setVisibility(View.VISIBLE);
        } else {
            findViewById(R.id.moreInfo).setVisibility(View.GONE);
        }        v.startAnimation(a);
    }

    /**
     * Show the question, answer and details
     */
    protected void switchToFullView() {
        // Hide more info button, but leave whitespace where it used to be to avoid animations
        // clashing
        final View moreInfo = findViewById(R.id.moreInfo);
        moreInfo.setVisibility(View.INVISIBLE);

        // Show details content webview by animating it in
        // Copied from Tom Esterez @ http://stackoverflow.com/questions/4946295
        final View detailsContent = findViewById(R.id.detailsContent);
        detailsContent.measure(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
        final int targtetHeight = detailsContent.getMeasuredHeight();
        detailsContent.getLayoutParams().height = 0;
        detailsContent.setVisibility(View.VISIBLE);
        Animation b = new Animation()
        {
            @Override
            protected void applyTransformation(float interpolatedTime, Transformation t) {
                detailsContent.getLayoutParams().height = interpolatedTime == 1
                        ? LayoutParams.WRAP_CONTENT
                        : (int)(targtetHeight * interpolatedTime);
                detailsContent.requestLayout();
            }

            @Override
            public boolean willChangeBounds() {
                return true;
            }
        };
        b.setDuration((int) (ANIMATION_DP_MS*targtetHeight / detailsContent.getContext().getResources().getDisplayMetrics().density));
        detailsContent.startAnimation(b);


        final View imageContent = findViewById(R.id.imageContent);
        imageContent.measure(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
        final int imageTargetHeight = imageContent.getMeasuredHeight();
        imageContent.getLayoutParams().height = 0;
        imageContent.setVisibility(View.VISIBLE);
        Animation c = new Animation()
        {
            @Override
            protected void applyTransformation(float interpolatedTime, Transformation t) {
                imageContent.getLayoutParams().height = interpolatedTime == 1
                        ? LayoutParams.WRAP_CONTENT
                        : (int)(imageTargetHeight * interpolatedTime);
                imageContent.requestLayout();
            }

            @Override
            public boolean willChangeBounds() {
                return true;
            }
        };
        c.setDuration((int) (ANIMATION_DP_MS*imageTargetHeight / imageContent.getContext().getResources().getDisplayMetrics().density));
        imageContent.startAnimation(c);
    }
}
Java Source Code List
