前言:
????? 我是一只android菜鳥,做開發時間也不長,第一次寫文章,沒有別的意思,就是為了記住自己曾經遇到過的坑,方便記憶,也為了方便更多的朋友;
話不多說,看需求:
需求是這樣的,
整個頁面是一個表,而每個item又是一個列表,并且還有個標題,剛看到需求立馬想到使用列表的多種行視圖,但是那樣搞的話太復雜了,后來拆分了一下,
第一步:
外邊的列表item可以只添加一個標題,這樣:
xml布局中這樣寫:
?android:layout_width="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_marginTop="@dimen/w10dp"
android:layout_marginBottom="@dimen/w10dp"
android:layout_marginLeft="@dimen/w20dp"
android:layout_marginRight="@dimen/w20dp"
app:cardBackgroundColor="@color/white"
app:cardCornerRadius="@dimen/w10dp"
app:cardElevation="@dimen/w10dp"
android:layout_height="wrap_content">
android:id="@+id/ll_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@mipmap/day_bg"
android:padding="@dimen/w10dp"
android:layout_marginTop="@dimen/w24dp"
android:layout_marginLeft="@dimen/w24dp"
android:textColor="@color/white"
android:textSize="@dimen/w24dp"
android:text="2016年10月26日"/>
android:layout_width="match_parent"
android:background="@color/bg"
android:layout_marginTop="@dimen/w10dp"
android:layout_marginLeft="@dimen/w30dp"
android:layout_marginRight="@dimen/w30dp"
android:layout_height="@dimen/w1dp"/>
第二步:
在Adapter中:? 動態的為每個item添加數據,我這暫時沒有真實數據,暫且用假數據代替,總之先出來效果再說
/**
* Created by 321 on 2016/10/27.
*/
public classRecorAdapter? extends??? RecyclerView.Adapter {
private?? Context?? mContext;
private?? List>dates;
public??? RecorAdapter(Context mContext,List> dates) {
this.mContext = mContext;
this.dates= dates;
}
@Override
public?? MyViewHolder?? onCreateViewHolder(ViewGroup parent, intviewType) {
View view = LayoutInflater.from(mContext).inflate(R.layout.item_recor_outer,parent,false);
return newMyViewHolder(view);
}
@Override
public void??? onBindViewHolder(MyViewHolder holder, intposition) {
for(inti =0;i <=2;i++){
View item = LayoutInflater.from(mContext).inflate(R.layout.item_recor,null);
intwidth = LinearLayout.LayoutParams.WRAP_CONTENT;
intheight = LinearLayout.LayoutParams.WRAP_CONTENT;
LinearLayout.LayoutParams params =newLinearLayout.LayoutParams(width,height);
item.setLayoutParams(params);
holder.ll_layout.addView(item);
if(i ==0){
item.findViewById(R.id.view_1).setVisibility(View.INVISIBLE);
}
if(i ==4){
item.findViewById(R.id.view_2).setVisibility(View.INVISIBLE);
}
}
}
@Override
public intgetItemCount() {
returndates.size();
}
class???? MyViewHolder?? extends??? RecyclerView.ViewHolder{
LinearLayoutll_layout;
public??? MyViewHolder(View itemView) {
super(itemView);
ll_layout= (LinearLayout) itemView.findViewById(R.id.ll_layout);
}
}
}
主要是填充了這個布局:
```
View item = LayoutInflater.from(mContext).inflate(R.layout.item_recor,null);
```
xml中是這樣的:
```
android:layout_width="match_parent"
android:layout_height="@dimen/w170dp">
android:id="@+id/view_1"
android:layout_width="1dp"
android:layout_height="@dimen/w31dp"
android:layout_marginLeft="@dimen/w34dp"
android:background="@color/colorblue"/>
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/w30dp"
android:layout_marginTop="@dimen/w30dp"
android:src="@mipmap/circle"/>
android:id="@+id/view_2"
android:layout_width="1dp"
android:layout_height="@dimen/w139dp"
android:layout_below="@id/view_1"
android:layout_marginLeft="@dimen/w34dp"
android:background="@color/colorblue"/>
android:layout_width="match_parent"
android:layout_height="@dimen/w170dp"
android:layout_marginLeft="@dimen/w24dp"
android:layout_marginRight="@dimen/w30dp"
android:layout_toRightOf="@id/image"
android:orientation="vertical">
android:layout_width="match_parent"
android:layout_marginTop="@dimen/w27dp"
android:layout_height="wrap_content">
android:id="@+id/tv_num"
style="@style/recor_style"
android:text="團號:"
android:textColor="@color/colorAccent"/>
style="@style/recor_style"
android:layout_marginLeft="@dimen/w30dp"
android:layout_toRightOf="@id/tv_num"
android:text="3685"
android:textColor="@color/colorAccent"/>
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginRight="@dimen/w6dp"
android:text="11:00-14:00"
android:textColor="@color/color_7e8082"
android:textSize="@dimen/w24dp"/>
android:layout_width="match_parent"
android:layout_marginTop="@dimen/w12dp"
android:layout_height="wrap_content">
android:id="@+id/tv_num2"
style="@style/recor_style"
android:text="團名:"
android:textColor="@color/color_535353"/>
style="@style/recor_style"
android:layout_marginLeft="@dimen/w30dp"
android:layout_toRightOf="@id/tv_num2"
android:textColor="@color/color_535353"
android:text="中央視察團"/>
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/w12dp">
android:id="@+id/tv_num3"
style="@style/recor_style"
android:textColor="@color/color_535353"
android:text="人數:"/>
style="@style/recor_style"
android:layout_marginLeft="@dimen/w30dp"
android:textColor="@color/color_535353"
android:layout_toRightOf="@id/tv_num3"
android:text="85"/>
android:layout_width="match_parent"
android:layout_height="@dimen/w1dp"
android:layout_alignParentBottom="true"
android:layout_marginLeft="@dimen/w56dp"
android:layout_marginRight="@dimen/w30dp"
android:background="@color/bg"/>
```
時間軸:
這個時間軸一開始不知道怎么做,百度了一下,好多人還要自定義View什么的,太麻煩了,直接使用布局,直接搞定,不就是兩條填充高度的線中間加一個原點嘛
android:id="@+id/view_1"
android:layout_width="1dp"
android:layout_height="@dimen/w31dp"
android:layout_marginLeft="@dimen/w34dp"
android:background="@color/colorblue"/>
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/w30dp"
android:layout_marginTop="@dimen/w30dp"
android:src="@mipmap/circle"/>
android:id="@+id/view_2"
android:layout_width="1dp"
android:layout_height="@dimen/w139dp"
android:layout_below="@id/view_1"
android:layout_marginLeft="@dimen/w34dp"
android:background="@color/colorblue"/>
activity中的代碼就沒有比喲啊貼出來了,小學生都會,
跟大神學的,寫在最后:
我不是大神,我只是小菜鳥,文采不好,技術一般,寫文章就是為自己也為他人提供個方便,希望可以幫助需要的人
