StackView
Example - What is StackView In android?
In this blog we will implement StackView Step by Step.....
Step 1 Create Android project in Android Studio.
Step 2 Create activity_main xml class inside res/layout..folder.
activity_main.xml.
..................................................................................................................................................................
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Stack View"
android:layout_marginTop="31dp"
android:textColor="#336633"
android:textSize="20sp"
android:textStyle="bold"
android:layout_gravity="center"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:id="@+id/textView" />
<StackView
android:id="@+id/stackView"
android:layout_width="match_parent"
android:layout_height="234dp"
android:layout_alignParentLeft="true"
android:layout_marginLeft="0dp"
android:layout_alignParentTop="true"
android:layout_marginTop="88dp">
</StackView>
<Button
android:layout_width="140dp"
android:layout_height="wrap_content"
android:text="Previous"
android:id="@+id/button_previous"
android:layout_below="@+id/stackView"
android:layout_alignRight="@+id/textView"
android:layout_alignEnd="@+id/textView"
android:layout_marginRight="44dp"
android:layout_marginEnd="44dp"
android:layout_marginTop="31dp" />
<Button
android:layout_width="140dp"
android:layout_height="wrap_content"
android:text="Next"
android:id="@+id/button_next"
android:layout_alignTop="@+id/button_previous"
android:layout_alignLeft="@+id/textView"
android:layout_alignStart="@+id/textView"
android:layout_marginLeft="57dp"
android:layout_marginStart="57dp" />
</RelativeLayout>
...................................................................................................................................................
stack_item.xml.
..................................................................................................................................................................
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/my_heder_img"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"
android:layout_gravity="center_horizontal" />
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:textColor="@android:color/holo_blue_dark"
android:textStyle="bold"
android:layout_marginTop="10dp"
android:layout_marginLeft="10dp"
android:layout_gravity="center_horizontal" />
</LinearLayout>
.................................................................................................................................................................
StackItem_class.java.
..................................................................................................................................................................
package com.example.sarvesh.testproject;
/** * Created by sarvesh on 7/31/2016. */public class StackItem_Class {
private String itemText;
private String imageName;
public StackItem_Class(String text, String imageName) {
this.imageName = imageName;
this.itemText = text;
}
public String getImageName() {
return imageName;
}
public String getItemText() {
return itemText;
}
}
.................................................................................................................................................................
StackAdapter_class.java
..................................................................................................................................................................
package com.example.sarvesh.testproject;
import android.content.Context;
import android.graphics.Color;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.List;
/** * Created by sarvesh on 7/31/2016. */public class StackAdapter_Class extends ArrayAdapter<StackItem_Class> {
private List<StackItem_Class> items;
private Context context;
public StackAdapter_Class(Context context, int textViewResourceId,
List<StackItem_Class> objects) {
super(context, textViewResourceId, objects);
this.items = objects;
this.context = context;
}
public View getView(int position, View convertView, ViewGroup parent) {
View itemView = convertView;
if (itemView == null) {
LayoutInflater layoutInflater = (LayoutInflater) context .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
itemView = layoutInflater.inflate(R.layout.stack_item, null);
}
StackItem_Class stackItem = items.get(position);
if (stackItem != null) {
TextView textView = (TextView) itemView.findViewById(R.id.textView);
ImageView imageView = (ImageView) itemView.findViewById(R.id.imageView);
if (textView != null) {
textView.setText(stackItem.getItemText());
String imageName= stackItem.getImageName();
int resId= this.getDrawableResIdByName(imageName);
imageView.setImageResource(resId);
imageView.setBackgroundColor(Color.rgb(211,204,188));
}
}
return itemView;
}
public int getDrawableResIdByName(String resName) {
String pkgName = context.getPackageName();
int resID = context.getResources().getIdentifier(resName, "drawable", pkgName);
return resID;
}
}
.................................................................................................................................................................
MainActivity.java
..................................................................................................................................................................
package com.example.sarvesh.testproject;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.StackView;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends Activity {
private StackView stackView;
private Button buttonPrevious;
private Button buttonNext;
private final String[] IMAGE_NAMES= {"logo1","logo2", "logo3", "logo4","logo5","logo6","logo7","logo8"};
@Override protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
this.stackView = (StackView) findViewById(R.id.stackView);
this.buttonNext =(Button) findViewById(R.id.button_next);
this.buttonPrevious= (Button) findViewById(R.id.button_previous);
List<StackItem_Class> items = new ArrayList<StackItem_Class>();
for(String imageName: IMAGE_NAMES) {
items.add(new StackItem_Class(imageName+".png", imageName));
}
StackAdapter_Class adapt = new StackAdapter_Class(this, R.layout.stack_item, items);
stackView.setAdapter(adapt);
stackView.setHorizontalScrollBarEnabled(true);
buttonNext.setOnClickListener(new Button.OnClickListener() {
@Override public void onClick(View v) {
stackView.showNext();
}
});
buttonPrevious.setOnClickListener(new Button.OnClickListener(){
@Override public void onClick(View v) {
stackView.showPrevious();
}
});
}
}
...................................................................................................................................................
Thank you for Watching