An accordion is a design controlled element displayed as a stack of items that expands to expose some hidden information. Accordions push the page content down besides being placed on top of page content. Accordions seem to be a fabulous idea for shortening long content pages. However, in most of the situations when all the page content is relevant to users, it is more feasible to show all the content at once, even if doing so results in longer pages. The research studies show that people scroll when information is beneficial and properly formed for scanning.<\/p>\n
XML layout For Accordion:<\/p>\n
<com.brandonhogan.accordionview.AccordionView
\nandroid:id=”@+id\/accordion_one”
\nandroid:layout_width=”match_parent”
\nandroid:layout_height=”wrap_content”
\napp:titleColorHighlight=”@color\/colorAccent”\/><\/p>\n
<\/p>\n
java\u00a0 activity For Accordion:
\nimport android.support.v7.app.AppCompatActivity;
\nimport android.os.Bundle;
\nimport android.view.LayoutInflater;
\nimport android.view.View;
\nimport android.widget.TextView;<\/p>\n
import com.brandonhogan.accordionview.AccordionView;<\/p>\n
public class MainActivity extends AppCompatActivity {<\/p>\n
private AccordionView accordionViewOne;
\nprivate AccordionView accordionViewTwo;<\/p>\n
@Override
\nprotected void onCreate(Bundle savedInstanceState) {
\nsuper.onCreate(savedInstanceState);
\nsetContentView(R.layout.activity_main);<\/p>\n
accordionViewOne = (AccordionView) findViewById(R.id.accordionOne);
\naccordionViewTwo = (AccordionView) findViewById(R.id.accordionTwo);<\/p>\n
setupAccordionOne();
\nsetupAccordionTwo();
\n}<\/p>\n
private void setupAccordionOne() {
\nLayoutInflater inflater = LayoutInflater.from(getApplicationContext());<\/p>\n
accordionViewOne.setTitle(getResources().getString(R.string.accordion_one_title));<\/p>\n
View areaView = inflater.inflate(R.layout.accordion_content_one, accordionViewOne, false);<\/p>\n
TextView builderName = (TextView) areaView.findViewById(R.id.textviewone);
\nbuilderName.setText(getResources().getString(R.string.accordiononeContent));<\/p>\n
accordionViewOne.addContentView(areaView);
\n}<\/p>\n
private void setupAccordionTwo() {
\naccordionViewTwo.setTitle(getResources().getString(R.string.accordiontwoTitle));<\/p>\n
TextView contentTwo = new TextView(getApplicationContext());
\ncontentTwo.setText(getResources().getString(R.string.accordiontwoContent));<\/p>\n
accordionViewTwo.addContentView(contentTwo);
\n}
\n}<\/p>\n
The finest place to begin when conclusive to use an accordion is to figure out common and analytical use cases for users.<\/p>\n
Accordions are good enough when people need only some key pieces of content on a single page. Hiding most of the content, users can contribute their time more accurately concentrating on the few topics that matter.<\/p>\n","protected":false},"excerpt":{"rendered":"
An accordion is a design controlled element displayed as a stack of items that expands to expose some hidden information. Accordions push the page content down besides being placed on top of page content. Accordions seem to be a fabulous idea for shortening long content pages. However, in most of the situations when all the […]<\/p>\n","protected":false},"author":43,"featured_media":1684,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[113,78],"tags":[90,79,127],"yoast_head":"\n