UltimateRecyclerView is a RecyclerView(advanced and flexible version of ListView) with pulling to refresh, loading more, swiping to dismiss, draging and drop, animations ,sticky header,show or hide toolbar and FAB when scrolling and many other features.You can use itjust like RecyclerView. Support AndroidX now.
Notice that UltimateRecyclerView is a project under development.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace Addsoft.Models
{
public class RSSFeed
{
public string Title { get; set; }
public string ApproxTraffic { get; set; }
public string Link { get; set; }
public string Description { get; set; }
public string PubDate { get; set; }
}
}
Controllers 폴더에 RSSFeedController를 생성하고 다음을 코드를 입력합니다.
using Addsoft.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Text;
using System.Web;
using System.Web.Mvc;
using System.Xml.Linq;
namespace Addsoft.Controllers
{
public class RSSFeedController : Controller
{
// GET: RSSFeed
public ActionResult Index()
{
ViewBag.URL = "https://trends.google.com/trends/trendingsearches/daily/rss?geo=KR";
return View();
}
[HttpPost]
public ActionResult Index(string RSSURL)
{
WebClient wclient = new WebClient();
wclient.Encoding = Encoding.UTF8;
string RSSData = wclient.DownloadString(RSSURL);
//소문자를 읽을 경우 오류로 인식된다.
XDocument xml = XDocument.Parse(RSSData);
var RSSFeedData = from x in xml.Descendants("item")
select new RSSFeed
{
Title = ((string)x.Element("title")),
ApproxTraffic = x.DescendantNodes().ElementAt(3).ToString(),
Link = ((string)x.Element("link")),
Description = ((string)x.Element("description")),
PubDate = ((string)x.Element("pubDate"))
};
ViewBag.RSSFeed = RSSFeedData;
ViewBag.URL = RSSURL;
return View();
}
}
}
RecyclerView를 사용하면 대량의 데이터 세트를 효율적으로 표시할 수 있습니다. 개발자가 데이터를 제공하고 각 항목의 모양을 정의하면 RecyclerView 라이브러리가 필요할 때 요소를 동적으로 생성합니다.
이름에서 알 수 있듯이 RecyclerView는 이러한 개별 요소를재활용합니다. 항목이 스크롤되어 화면에서 벗어나더라도 RecyclerView는 뷰를 제거하지 않습니다. 대신 RecyclerView는 화면에서 스크롤된 새 항목의 뷰를 재사용합니다. 이렇게 뷰를 재사용하면 앱의 응답성을 개선하고 전력 소모를 줄이기 때문에 성능이 개선됩니다.
메모리 사용량을 최소화하면서 UI에 많은 양의 데이터를 표시합니다.
주요 클래스
동적 목록을 만드는 데는 다양한 클래스가 함께 사용됩니다.
RecyclerView는 데이터에 해당하는 뷰가 포함된ViewGroup입니다. 이는 뷰 자체이므로, 다른 UI 요소를 추가할 때처럼 레이아웃에RecyclerView를 추가하면 됩니다.
목록의 각 개별 요소는뷰 홀더객체로 정의됩니다. 뷰 홀더가 생성되었을 때는 뷰 홀더에 연결된 데이터가 없습니다. 뷰 홀더가 생성된 후RecyclerView가 뷰 홀더를 뷰의 데이터에바인딩합니다.RecyclerView.ViewHolder를 확장하여 뷰 홀더를 정의할 수 있습니다.
RecyclerView는 뷰를 요청한 다음,어댑터에서 메서드를 호출하여 뷰를 뷰의 데이터에 바인딩합니다.RecyclerView.Adapter를 확장하여 어댑터를 정의할 수 있습니다.
레이아웃 관리자는 목록의 개별 요소를 정렬합니다. RecyclerView 라이브러리에서 제공하는 레이아웃 관리자 중 하나를 사용하거나 레이아웃 관리자를 직접 정의할 수도 있습니다. 레이아웃 관리자는 모두 라이브러리의LayoutManager추상 클래스를 기반으로 합니다.
다음과 같이 앱 또는 모듈의build.gradle파일에 필요한 아티팩트의 종속 항목을 추가합니다.
dependencies {
implementation "androidx.recyclerview:recyclerview:1.1.0"
// For control over item selection of both touch and mouse driven selection
implementation "androidx.recyclerview:recyclerview-selection:1.1.0"
}
그리드가 세로로 정렬된 경우GridLayoutManager는 각 행의 모든 요소를 동일한 너비와 높이로 만들려고 하지만 행마다 높이가 다를 수 있습니다.
그리드가 가로로 정렬되는 경우GridLayoutManager는 각 열의 모든 요소를 동일한 너비와 높이로 만들려고 열마다 너비가 다를 수 있습니다.
StaggeredGridLayoutManager는GridLayoutManager와 비슷합니다. 하지만 행의 항목이 동일한 높이(세로 그리드인 경우)이거나 동일한 열의 항목이 동일한 너비(가로 그리드인 경우)일 필요가 없습니다. 결과적으로 행 또는 열의 항목이 서로 오프셋 상태가 될 수 있습니다.
개별 항목의 레이아웃도 디자인해야 합니다. 다음 섹션에 설명된 것처럼 뷰 홀더를 설계할 때 이 레이아웃이 필요합니다.
4. 어댑터 및 뷰 홀더 구현
레이아웃을 결정했으면Adapter및ViewHolder를 구현해야 합니다. 이 두 클래스가 함께 작동하여 데이터 표시 방식을 정의합니다.ViewHolder는 목록에 있는 개별 항목의 레이아웃을 포함하는View의 래퍼입니다.Adapter는 필요에 따라ViewHolder객체를 만들고 이러한 뷰에 데이터를 설정하기도 합니다. 뷰를 데이터에 연결하는 프로세스를바인딩이라고 합니다.
어댑터를 정의할 때는 다음 세 가지 키 메서드를 재정의해야 합니다.
onCreateViewHolder():RecyclerView는ViewHolder를 새로 만들어야 할 때마다 이 메서드를 호출합니다. 이 메서드는ViewHolder와 그에 연결된View를 생성하고 초기화하지만 뷰의 콘텐츠를 채우지는않습니다.ViewHolder가 아직 특정 데이터에 바인딩된 상태가 아니기 때문입니다.
onBindViewHolder():RecyclerView는ViewHolder를 데이터와 연결할 때 이 메서드를 호출합니다. 이 메서드는 적절한 데이터를 가져와서 그 데이터를 사용하여 뷰 홀더의 레이아웃을 채웁니다. 예를 들어RecyclerView가 이름 목록을 표시하는 경우 메서드는 목록에서 적절한 이름을 찾아 뷰 홀더의TextView위젯을 채울 수 있습니다.
getItemCount(): RecyclerView는 데이터 세트 크기를 가져올 때 이 메서드를 호출합니다. 예를 들어 주소록 앱에서는 총 주소 개수가 여기에 해당할 수 있습니다. RecyclerView는 이 메서드를 사용하여, 항목을 추가로 표시할 수 없는 상황을 확인합니다.
다음은 간단한 어댑터의 일반적인 예로, 이 어댑터에는 데이터 목록을 표시하는 중첩된ViewHolder가 있습니다. 이 경우 RecyclerView는 텍스트 요소의 간단한 목록을 표시합니다. 어댑터에는ViewHolder요소의 텍스트가 포함된 문자열 배열이 전달됩니다.
public class CustomAdapter extends RecyclerView.Adapter<CustomAdapter.ViewHolder> {
private String[] localDataSet;
/**
* Provide a reference to the type of views that you are using
* (custom ViewHolder).
*/
public static class ViewHolder extends RecyclerView.ViewHolder {
private final TextView textView;
public ViewHolder(View view) {
super(view);
// Define click listener for the ViewHolder's View
textView = (TextView) view.findViewById(R.id.textView);
}
public TextView getTextView() {
return textView;
}
}
/**
* Initialize the dataset of the Adapter.
*
* @param dataSet String[] containing the data to populate views to be used
* by RecyclerView.
*/
public CustomAdapter(String[] dataSet) {
localDataSet = dataSet;
}
// Create new views (invoked by the layout manager)
@Override
public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
// Create a new view, which defines the UI of the list item
View view = LayoutInflater.from(viewGroup.getContext())
.inflate(R.layout.text_row_item, viewGroup, false);
return new ViewHolder(view);
}
// Replace the contents of a view (invoked by the layout manager)
@Override
public void onBindViewHolder(ViewHolder viewHolder, final int position) {
// Get element from your dataset at this position and replace the
// contents of the view with that element
viewHolder.getTextView().setText(localDataSet[position]);
}
// Return the size of your dataset (invoked by the layout manager)
@Override
public int getItemCount() {
return localDataSet.length;
}
}
각 뷰 항목의 레이아웃은 종전처럼 XML 레이아웃 파일에서 정의됩니다. 이 경우 앱에 다음과 같은text_row_item.xml파일이 들어 있습니다.
카드는 기본 고도로 화면에 그려지며, 시스템은 카드 아래에 그림자를 그립니다.card_view:cardElevation속성을 사용하여 카드에 맞춤 고도를 제공할 수 있습니다. 고도가 커지면 그림자가 진하게 그려지고 고도가 낮아지면 그림자가 연하게 그려집니다.CardView는 Android 5.0(API 수준 21) 이상에서 실제 고도와 동적 그림자를 사용하고 그 이전 버전에서는 프로그래매틱 방식으로 그림자를 구현합니다.
