안 드 로 이 드 택배 물류 정보 레이아웃 개발
1.아이디어 소개
효과 그림:
생각:
하나의 ListView 만 있 으 면 모든 아 이 템 은 물류 정보 입 니 다.그 다음 에 각 아 이 템 은 왼쪽 과 오른쪽 양쪽 으로 나 뉘 는데 왼쪽 은 진도 바 의 스타일 이 고 오른쪽 은 물류 문자 입 니 다.어댑터 에서 아 이 템 을 판단 하고 position 가 0 이면 녹색 으로 설정 하 며 다른 position 는 회색 으로 설정 하면 됩 니 다.
2.코드
아 이 템 레이아웃
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<!-- -->
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical"
>
<!-- -->
<View
android:id="@+id/view_top_line"
android:layout_width="2dp"
android:layout_height="15dp"
android:background="@color/lightgray"
android:layout_gravity="center_horizontal"
android:layout_marginTop="-1dp"
/>
<!-- -->
<ImageView
android:id="@+id/iv_expres_spot"
android:layout_width="20dp"
android:layout_height="20dp"
android:background="@drawable/express_point_old"
android:layout_marginBottom="2dp"
android:layout_marginTop="2dp"
/>
<!-- -->
<View
android:layout_width="2dp"
android:layout_height="wrap_content"
android:background="@color/lightgray"
android:layout_gravity="center_horizontal"
/>
</LinearLayout>
<!-- -->
<LinearLayout
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginLeft="10dp"
android:layout_marginTop="17dp"
>
<TextView
android:id="@+id/tv_express_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="asdfasdfasd asdfasdfas "
android:textColor="@color/gray"
android:lineSpacingExtra="2dp"
android:textSize="16sp"
android:textIsSelectable="true"
/>
<TextView
android:id="@+id/tv_express_time"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@color/lightgray"
android:textSize="12sp"
android:text="2016 4 27 00:27:45"
android:layout_marginTop="5dp"
android:textIsSelectable="true"
android:paddingBottom="10dp"
/>
<!-- -->
<View
android:layout_width="match_parent"
android:background="@color/lightgray"
android:layout_height="0.5dp"
/>
</LinearLayout>
</LinearLayout>
어댑터 코드
package com.tpnet.hlquery.Express;
import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import com.tpnet.hlquery.Express.json.Content;
import com.tpnet.hlquery.R;
import java.util.List;
/**
* Created by tpnet on 2016/4/27.
*/
public class MessListAdapter extends BaseAdapter {
//allContent list
private List<Content> allContent;
private Context context;
private LayoutInflater layoutInflater;
MessListAdapter(Context context,List<Content> allContent){
this.allContent = allContent;
this.context = context;
layoutInflater = LayoutInflater.from(context);
}
@Override
public int getCount() {
return allContent.size();
}
@Override
public Object getItem(int position) {
return allContent.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if(convertView == null){
holder = new ViewHolder();
convertView = layoutInflater.inflate(R.layout.item_express_data,null);
holder.viewTopLine = convertView.findViewById(R.id.view_top_line);
holder.ivExpresSpot = (ImageView) convertView.findViewById(R.id.iv_expres_spot);
holder.tvExpressText = (TextView) convertView.findViewById(R.id.tv_express_text);
holder.tvExpressTime = (TextView) convertView.findViewById(R.id.tv_express_time);
// ViewHolder convertView
convertView.setTag(holder);
}else{
holder = (ViewHolder)convertView.getTag();
}
Content content = allContent.get(position);
// , view ,
if(position == 0 ){ // , ,
holder.viewTopLine.setBackgroundColor(Color.TRANSPARENT);
holder.ivExpresSpot.setBackgroundResource(R.drawable.express_point_new);
holder.tvExpressText.setTextColor(context.getResources().getColor(R.color.mainColor));
holder.tvExpressTime.setTextColor(context.getResources().getColor(R.color.mainColor));
}else{
holder.viewTopLine.setBackgroundColor(context.getResources().getColor(R.color.lightgray));
holder.ivExpresSpot.setBackgroundResource(R.drawable.express_point_old);
holder.tvExpressText.setTextColor(context.getResources().getColor(R.color.gray));
holder.tvExpressTime.setTextColor(context.getResources().getColor(R.color.lightgray));
}
holder.tvExpressText.setText(content.getContext());
holder.tvExpressTime.setText(content.getTime());
return convertView;
}
public class ViewHolder{
public View viewTopLine;
private ImageView ivExpresSpot;
private TextView tvExpressText;
private TextView tvExpressTime;
}
}
activity 에 new 위 에 있 는 Adapter 를 설치 하고 ListView 에 설정 하면 됩 니 다.주의 하 세 요:
listView 는 반드시 설정 해 야 합 니 다:android:divider="@null"
그렇지 않 으 면 모든 아 이 템 은 기본적으로 간격 이 있 습 니 다.
이렇게 간단 합 니 다.중요 한 것 은 아 이 템 의 레이아웃 입 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Bitrise에서 배포 어플리케이션 설정 테스트하기이 글은 Bitrise 광고 달력의 23일째 글입니다. 자체 또는 당사 등에서 Bitrise 구축 서비스를 사용합니다. 그나저나 며칠 전 Bitrise User Group Meetup #3에서 아래 슬라이드를 발표했...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.