Introduction
Let we look regarding list view binding. The cross-platform applications with Xamarin.iOS, Xamarin.Android the ListView control binding is structurally similar.Xamarin.IOS
UITableViewSource
Xamarin.Android
BaseAdapter
Your need follow Below steps for customizing a list view appearance
Step 1: Layout:
We need to create layout with List View controls.HelloApp (ProjectName) è Resources è layout (Right Click) è Add New Item è Select ( Android layout ) è Click Add
File Name: ListDemo.axaml and drag drop List View control into layout page
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:minWidth="25px"
android:minHeight="25px">
<ListView
android:minWidth="25px"
android:minHeight="25px"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/UserList" />
</LinearLayout>
****ListView Control name : UserList
Step 2: Model :
Create Model and add whatever property is required.
Model Name: User
Namespace :HelloApp.Model
namespace HelloApp.Model
{
public class User
{
public string UName;
}
}
BaseAdapter is abstract class. we need implement following methods. We need select Row template and
namespace HelloApp.Adapters
{
class UserAdapters : BaseAdapter<User>
{
List<User> userlist;
Activity useractivity;
public UserAdapters(Activity context ,List<User> item):base()
{
useractivity = context;
userlist = item;
}
public override User this[int position]
{
get
{
throw new NotImplementedException();
}
}
public override int Count
{
get
{
return userlist.Count;
}
}
public override long GetItemId(int position)
{
return position;
}
public override View GetView(int position, View convertView, ViewGroup parent)
{
var item = userlist[position];
if(convertView == null)
{
convertView = useractivity.LayoutInflater.Inflate(Android.Resource.Layout
SimpleExpandableListItem1,null);
}
convertView.FindViewById<TextView>(Android.Resource.Id.Text1).Text = item.uname;
return convertView;
}
}
}
{
[Activity(Label = "ListDemoActivity" , MainLauncher = true)]
public class ListDemoActivity : Activity
{
private ListView UserListView;
private List<User> userlist;
protected override void OnCreate(Bundle savedInstanceState)
{
base.OnCreate(savedInstanceState);
base.SetContentView(Resource.Layout.ListDemo);
UserListView = FindViewById<ListView>(Resource.Id.UserList);
userlist = new List<User>();
userlist.Add(new User { UName = "Sutahahr" });
userlist.Add(new User { UName = "Suresh" });
userlist.Add(new User { UName = "Sumathi" });
userlist.Add(new User { UName = "Sujatha" });
UserListView.Adapter = new UserAdapters(this, userlist);
}
}
}
2. private ListView UserListView – Find Control and assign to local variable
3. private List<User> userlist; - Assign Collection value
4. base.SetContentView(Resource.Layout.ListDemo); - Assign layout content in activity
5. UserListView = FindViewById<ListView>(Resource.Id.UserList); - Find user control from layout page
6. userlist = new List<User>(); - add collection
7. UserListView.Adapter = new UserAdapters(this, userlist); - Assign user collection into adapters
Namespace :HelloApp.Model
namespace HelloApp.Model
{
public class User
{
public string UName;
}
}
Step 3: Adapter
Create adapter class and derived from BaseAdapter .BaseAdapter is abstract class. we need implement following methods. We need select Row template and
namespace HelloApp.Adapters
{
class UserAdapters : BaseAdapter<User>
{
List<User> userlist;
Activity useractivity;
public UserAdapters(Activity context ,List<User> item):base()
{
useractivity = context;
userlist = item;
}
public override User this[int position]
{
get
{
throw new NotImplementedException();
}
}
public override int Count
{
get
{
return userlist.Count;
}
}
public override long GetItemId(int position)
{
return position;
}
public override View GetView(int position, View convertView, ViewGroup parent)
{
var item = userlist[position];
if(convertView == null)
{
convertView = useractivity.LayoutInflater.Inflate(Android.Resource.Layout
SimpleExpandableListItem1,null);
}
convertView.FindViewById<TextView>(Android.Resource.Id.Text1).Text = item.uname;
return convertView;
}
}
}
Step 4: Activity
HelloApp (ProjectName) (Right Click) è Add New Item è Select ( Activity) è Click AddSource Code :
namespace HelloApp{
[Activity(Label = "ListDemoActivity" , MainLauncher = true)]
public class ListDemoActivity : Activity
{
private ListView UserListView;
private List<User> userlist;
protected override void OnCreate(Bundle savedInstanceState)
{
base.OnCreate(savedInstanceState);
base.SetContentView(Resource.Layout.ListDemo);
UserListView = FindViewById<ListView>(Resource.Id.UserList);
userlist = new List<User>();
userlist.Add(new User { UName = "Sutahahr" });
userlist.Add(new User { UName = "Suresh" });
userlist.Add(new User { UName = "Sumathi" });
userlist.Add(new User { UName = "Sujatha" });
UserListView.Adapter = new UserAdapters(this, userlist);
}
}
}
Source code explanation:
1. [Activity(Label = "ListDemoActivity (Title Of Text)" , MainLauncher = true(Initial launcher))]2. private ListView UserListView – Find Control and assign to local variable
3. private List<User> userlist; - Assign Collection value
4. base.SetContentView(Resource.Layout.ListDemo); - Assign layout content in activity
5. UserListView = FindViewById<ListView>(Resource.Id.UserList); - Find user control from layout page
6. userlist = new List<User>(); - add collection
7. UserListView.Adapter = new UserAdapters(this, userlist); - Assign user collection into adapters
No comments: