MOBILE PROGRAMING

APLIKASI DAFTAR HARGA SEWA MOBIL 



Deskripsi : Project ini yaitu aplikasi berupa untuk melihat harga sewa mobil per-hari dengan menggunakan web view dan menggunakan database mysql sebagai data penyimpanan akun dan daftar mobil nya.


Bukti Lembar Jawaban




ActivityLogin 


package com.rental_apps.android.rental_apps;

import android.app.ProgressDialog;
import android.content.Context;
import android.graphics.Color;
import android.graphics.Typeface;
import android.support.design.widget.CoordinatorLayout;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;

import com.pixplicity.easyprefs.library.Prefs;
import com.rental_apps.android.rental_apps.SPreferenced.SPref;
import com.rental_apps.android.rental_apps.admin.AdminMain;
import com.rental_apps.android.rental_apps.api.client;
import com.rental_apps.android.rental_apps.model.model_user.DataUser;
import com.rental_apps.android.rental_apps.model.model_user.ResponseLogin;
import com.rental_apps.android.rental_apps.myinterface.InitComponent;
import com.rental_apps.android.rental_apps.user.SplashActivity;
import com.rental_apps.android.rental_apps.user.UserMain;
import com.rental_apps.android.rental_apps.utils.move;
import com.rental_apps.android.rental_apps.utils.validate;

import cn.pedant.SweetAlert.SweetAlertDialog;
import customfonts.MyEditText;
import customfonts.MyTextView;
import es.dmoral.toasty.Toasty;
import retrofit2.Call;
import retrofit2.Callback;
import retrofit2.Response;

public class ActivityLogin extends AppCompatActivity implements InitComponent, View.OnClickListener {

    //declare componenr
    private MyEditText et_username;
    private MyEditText et_password;
    private MyTextView btn_login;
    private MyTextView txt_register;
    private TextView logofont;
    private CoordinatorLayout coordinatorlayout;

    //declare context
    private Context mContext;

    //declate variable
    private DataUser userData;

    //declare sweet alert
 //   private SweetAlertDialog pDialog;
    private ProgressDialog pDialog;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        mContext=this;
        startInit();
    }

    @Override
    public void startInit() {
        if (Prefs.getInt(SPref.getGroupUser(),0)==1){
            move.moveActivity(mContext,UserMain.class);
            finish();
        }
        if (Prefs.getInt(SPref.getGroupUser(),0)==2){
            move.moveActivity(mContext,UserMain.class);
            finish();
        }
        initToolbar();
        initUI();
        initValue();
        initEvent();
    }

    @Override
    public void initToolbar() {
        getSupportActionBar().hide();
    }

    @Override
    public void initUI() {
        et_username=(MyEditText)findViewById(R.id.et_username);
        et_password=(MyEditText)findViewById(R.id.et_password);
        btn_login=(MyTextView)findViewById(R.id.btn_login);
        txt_register=(MyTextView) findViewById(R.id.txt_register);
        logofont=(TextView)findViewById(R.id.logofont);
        Typeface custom_fonts = Typeface.createFromAsset(getAssets(), "fonts/ArgonPERSONAL-Regular.otf");
        logofont.setTypeface(custom_fonts);
    }

    @Override
    public void initValue() {

    }

    @Override
    public void initEvent() {
        btn_login.setOnClickListener(this);
        txt_register.setOnClickListener(this);
    }


    @Override
    public void onClick(View view) {
        switch (view.getId()){

            case R.id.btn_login:
                if (validate_login())
                    login();
                break;

            case R.id.txt_register:
                move.moveActivity(mContext,ActivityRegister.class);
                break;
        }
    }

    public boolean validate_login(){
        return (!validate.cek(et_username)&&!validate.cek(et_password)) ? true : false;
    }

    public void login(){
        pDialog = new ProgressDialog(this);
      //  pDialog.getProgressHelper().setBarColor(Color.parseColor("#A5DC86"));
        pDialog.setMessage("Loading");
        pDialog.setCancelable(false);
       // pDialog.setIndeterminate(false);
        pDialog.show();

        Call<ResponseLogin> user=client.getApi().auth(et_username.getText().toString(),et_password.getText().toString());
        user.enqueue(new Callback<ResponseLogin>() {
            @Override
            public void onResponse(Call<ResponseLogin> call, Response<ResponseLogin> response) {
                pDialog.hide();
                if (response.isSuccessful()){
                    if (response.body().getStatus()){
                        userData=response.body().getData();
                        Toasty.success(mContext,"login berhasil",Toast.LENGTH_LONG).show();
                        Log.d("data user",userData.toString());
                        setPreference(userData);
                        if (userData.getGroup_user().equals(1))
                            move.moveActivity(mContext,SplashActivity.class);
                        else
                            move.moveActivity(mContext,SplashActivity.class);
                        finish();
                    }else{
                        Toasty.error(mContext,"Username dan password salah",Toast.LENGTH_LONG).show();
                    }
                }else{
                    Toasty.error(mContext,"Username dan password salah",Toast.LENGTH_LONG).show();
                }
            }

            @Override
            public void onFailure(Call<ResponseLogin> call, Throwable t) {
                pDialog.hide();
//                new ProgressDialog(mContext)
//                        .setTitle("Oops...")
//                        .d("Koneksi bermasalah!")
//                        .show();
//                pDialog = new ProgressDialog(ActivityLogin.this);
//                //  pDialog.getProgressHelper().setBarColor(Color.parseColor("#A5DC86"));
//                pDialog.setMessage("Tidak ada koneksi");
//                pDialog.show();
                Toasty.success(mContext,"Koneksi Tidak ada",Toast.LENGTH_LONG).show();

                if (pDialog.isShowing())
                    pDialog.dismiss();
            }
        });
    }

    private void setPreference(DataUser du){
        Prefs.putInt(SPref.getIdUser(),du.getId_user());
        Prefs.putString(SPref.getUSERNAME(),du.getUsername());
        Prefs.putString(SPref.getNAME(),du.getName());
        Prefs.putString(SPref.getEMAIL(),du.getEmail());
        Prefs.putString(SPref.getNoTelp(),du.getNo_telp());
        Prefs.putString(SPref.getJenisKelamin(),du.getJenis_kelamin().toString());
        Prefs.putString(SPref.getPHOTO(),du.getPhoto());
        Prefs.putString(SPref.getLastUpdate(),du.getLast_update().toString());
        Prefs.putString(SPref.getALAMAT(),du.getAlamat());
        Prefs.putInt(SPref.getGroupUser(),du.getGroup_user());
        Prefs.putString(SPref.getPASSWORD(),du.getPassword().toString());
    }
}



XML Text




<?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:background="@drawable/login1">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#000"
        android:alpha="0.5"
        />

    <ImageView
        android:id="@+id/logo"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:src="@drawable/logoatas"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"/>
    <TextView
        android:id="@+id/logofont"
        android:layout_below="@+id/logo"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Rental Mobil"
        android:textSize="30dp"
        android:textColor="#fff"
        android:gravity="center"
        android:layout_marginTop="70dp"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_alignParentBottom="true">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="30dp"
            android:background="@drawable/roundwhite">

            <ImageView
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:src="@drawable/username"
                android:layout_gravity="center"
                android:paddingLeft="10dp"/>
            <customfonts.MyEditText
                android:id="@+id/et_username"
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="#00000000"
                android:paddingLeft="10dp"
                android:hint="Username"
                android:textColor="#fff"
                android:textColorHint="#fff"
                android:drawablePadding="10dp"
                android:textSize="13dp"
                />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:background="@drawable/roundwhite"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="30dp"
            android:layout_marginTop="10dp">

            <ImageView
                android:id="@+id/pass"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:src="@drawable/password"
                android:layout_weight="1"
                android:layout_gravity="center"
                android:paddingLeft="10dp"
                />

            <customfonts.MyEditText
                android:id="@+id/et_password"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="#00000000"
                android:paddingLeft="10dp"
                android:hint="Password"
                android:inputType="textPassword"
                android:textColorHint="#fff"
                android:textColor="#fff"
                android:textSize="13dp"
                android:layout_weight="1"
                />
        </LinearLayout>
        <customfonts.MyTextView
            android:id="@+id/btn_login"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="@drawable/round"
            android:text="Login"
            android:textStyle="bold"
            android:gravity="center"
            android:textColor="#fff"
            android:layout_above="@+id/bottom"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="30dp"
            android:layout_marginBottom="5dp"
            android:layout_marginTop="10dp"
            />
        <LinearLayout
            android:id="@+id/bottom"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:orientation="horizontal"
            android:padding="16dp">

            <customfonts.MyTextView
                android:id="@+id/txt_register"
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Create Account"
                android:textColor="#FFF"/>
            <customfonts.MyTextView
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Need Help ?"
                android:textColor="#FFF"
                android:gravity="end"/>
        </LinearLayout>


    </LinearLayout>
</RelativeLayout>



ActivityDetailCars


package com.rental_apps.android.rental_apps.user;

import android.annotation.SuppressLint;
import android.app.TimePickerDialog;
import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.LayerDrawable;
import android.os.Build;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.v4.content.ContextCompat;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.view.menu.MenuBuilder;
import android.support.v7.widget.Toolbar;
import android.text.format.DateFormat;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.TimePicker;
import android.widget.Toast;

import com.google.gson.Gson;
import com.rental_apps.android.rental_apps.R;
import com.rental_apps.android.rental_apps.SPreferenced.SPref;
import com.rental_apps.android.rental_apps.adapter.Carts;
import com.rental_apps.android.rental_apps.api.client;
import com.rental_apps.android.rental_apps.helper.DateDifference;
import com.rental_apps.android.rental_apps.helper.DatePickerView;
import com.rental_apps.android.rental_apps.helper.DrawableColor;
import com.rental_apps.android.rental_apps.helper.DrawableCounter;
import com.rental_apps.android.rental_apps.model.model_carts.DataCarts;
import com.rental_apps.android.rental_apps.model.model_mobil.DataCars;
import com.rental_apps.android.rental_apps.myinterface.InitComponent;
import com.rental_apps.android.rental_apps.utils.move;
import com.rental_apps.android.rental_apps.utils.validate;
import com.squareup.picasso.Picasso;

import java.util.ArrayList;
import java.util.Calendar;

import customfonts.MyEditText;
import customfonts.MyTextView;
import es.dmoral.toasty.Toasty;


public class ActivityDetailUserCars extends AppCompatActivity implements InitComponent, View.OnClickListener{
    private Context mContext;
    private DataCars car;
    private Toolbar toolbar;
    private MyTextView description;
    private TextView merk;
    private TextView year;
    private TextView capacity;
    private TextView plat;
    private TextView warna_mobil;
    private TextView bensin_mobil;
    private TextView price;

    private MyTextView nama_mobil;

    private ImageView ic_merk;
    private ImageView ic_year;
    private ImageView ic_capacity;
    private ImageView ic_plat;
    private ImageView ic_warna_mobil;
    private ImageView ic_bensin_mobil;
    private ImageView mainbackdrop;

    private DatePickerView tgl_awal;
    private DatePickerView tgl_akhir;
    private MyTextView add_cart;
    private TextView tvTimeResult;
    private Button btTimePicker;
    private TimePickerDialog timePickerDialog;
    private String jam;

    @Override
    protected void onCreate(Bundle SavedInstance) {
        super.onCreate(SavedInstance);
        setContentView(R.layout.activity_user_detail_cars);
        mContext=this;
        Gson gson = new Gson();
        car= gson.fromJson(getIntent().getStringExtra("car"), DataCars.class);

        startInit();

        tvTimeResult = (TextView) findViewById(R.id.tv_timeresult);

    }

    @Override
    public void startInit() {
        initToolbar();
        initUI();
        initValue();
        initEvent();
    }

    @Override
    public void initToolbar() {
        toolbar = (Toolbar) findViewById(R.id.maintoolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setDisplayShowHomeEnabled(true);
        getSupportActionBar().setTitle(car.getNAMAMOBIL());
    }

    @Override
    public void initUI() {
        merk        =(TextView)findViewById(R.id.merk);
        year        =(TextView)findViewById(R.id.year);
        plat        =(TextView)findViewById(R.id.plat);
        price       =(TextView)findViewById(R.id.price);
        capacity    =(TextView)findViewById(R.id.capacity);
        warna_mobil =(TextView)findViewById(R.id.warna);
        bensin_mobil=(TextView)findViewById(R.id.bensin);
        description =(MyTextView) findViewById(R.id.description);
        btTimePicker = (Button) findViewById(R.id.bt_showtimepicker);
        nama_mobil=(MyTextView)findViewById(R.id.nama_mobil);

        ic_merk        =(ImageView) findViewById(R.id.ic_merk);
        ic_year        =(ImageView)findViewById(R.id.ic_year);
        ic_plat        =(ImageView)findViewById(R.id.ic_plat);
        ic_capacity    =(ImageView)findViewById(R.id.ic_capacity);
        ic_warna_mobil =(ImageView)findViewById(R.id.ic_warna);
        ic_bensin_mobil=(ImageView)findViewById(R.id.ic_bensin);
        mainbackdrop   =(ImageView)findViewById(R.id.mainbackdrop);

        tgl_awal=(DatePickerView)findViewById(R.id.tgl_awal);
        tgl_akhir=(DatePickerView)findViewById(R.id.tgl_akhir);
//        jam =(TimePicker) findViewById(R.id.jam);
        add_cart=(MyTextView)findViewById(R.id.add_cart);


        Drawable yearIcon= ContextCompat.getDrawable(mContext, R.drawable.ic_action_go_to_today);
        Drawable capacityIcon= ContextCompat.getDrawable(mContext, R.drawable.ic_action_cc_bcc);
        Drawable colorIcon= ContextCompat.getDrawable(mContext, R.drawable.ic_action_picture);
        Drawable fuelIcon= ContextCompat.getDrawable(mContext, R.drawable.ic_action_brightness_auto);
        Drawable merkIcon= ContextCompat.getDrawable(mContext, R.drawable.ic_action_storage);
        Drawable platIcon= ContextCompat.getDrawable(mContext, R.drawable.ic_action_screen_locked_to_landscape);

        ic_year.setImageDrawable(DrawableColor.setColor(yearIcon,R.color.nliveo_orange_colorPrimaryDark));
        ic_capacity.setImageDrawable(DrawableColor.setColor(capacityIcon,R.color.nliveo_orange_colorPrimaryDark));
        ic_warna_mobil.setImageDrawable(DrawableColor.setColor(colorIcon,R.color.nliveo_orange_colorPrimaryDark));
        ic_bensin_mobil.setImageDrawable(DrawableColor.setColor(fuelIcon,R.color.nliveo_orange_colorPrimaryDark));
        ic_merk.setImageDrawable(DrawableColor.setColor(merkIcon,R.color.nliveo_orange_colorPrimaryDark));
        ic_plat.setImageDrawable(DrawableColor.setColor(platIcon,R.color.nliveo_orange_colorPrimaryDark));
    }

    @Override
    public void initValue() {
        description.setText(car.getDESKRIPSIMOBIL());
        merk.setText(car.getMERKMOBIL());
        year.setText(car.getTAHUNMOBIL());
        capacity.setText(car.getKAPASITASMOBIL());
        plat.setText(car.getPLATNOMOBIL());
        warna_mobil.setText(car.getWARNAMOBIL());
       // bensin_mobil.setText(car.getBENSINMOBIL());
        if (Integer.parseInt(car.getBENSINMOBIL().toString())==1){
            bensin_mobil.setText("Autometic");
        }else {
            bensin_mobil.setText("Manual");
        }
        price.setText("Rp. "+String.format("%,.2f", Double.parseDouble(car.getHARGAMOBIL().toString())));
        nama_mobil.setText(car.getNAMAMOBIL());
        if (car.getIMAGE().size()>0)
            Picasso.with(mContext).load(client.getBaseImg()+"mobil/"+car.getIMAGE().get(0)).into(mainbackdrop);



        if (Integer.parseInt(car.getSTATUSSEWA().toString())==1){
            add_cart.setText("Sedang Disewa");
            add_cart.setBackgroundResource(R.drawable.roundred);
            add_cart.setEnabled(false);
            tgl_awal.setEnabled(false);
            tgl_akhir.setEnabled(false);
            btTimePicker.setEnabled(false);
        }

    }


    @Override
    public void initEvent() {
        add_cart.setOnClickListener(this);
        btTimePicker.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showTimeDialog();
            }
        });
    }

    private void showTimeDialog() {

        /**
         * Calendar untuk mendapatkan waktu saat ini
         */
        Calendar calendar = Calendar.getInstance();

        /**
         * Initialize TimePicker Dialog
         */
        timePickerDialog = new TimePickerDialog(this, new TimePickerDialog.OnTimeSetListener() {
            @Override
            public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
                /**
                 * Method ini dipanggil saat kita selesai memilih waktu di DatePicker
                 */
                jam = hourOfDay+":"+minute+":00";
                tvTimeResult.setText("Jam dipilih: "+jam);

            }
        },
                /**
                 * Tampilkan jam saat ini ketika TimePicker pertama kali dibuka
                 */
                calendar.get(Calendar.HOUR_OF_DAY), calendar.get(Calendar.MINUTE),

                /**
                 * Cek apakah format waktu menggunakan 24-hour format
                 */
                DateFormat.is24HourFormat(this));

        timePickerDialog.show();
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()){

            case R.id.add_cart:
                if (validasi()){

                    if ((DateDifference.betweenDates(tgl_awal.getText().toString(),tgl_akhir.getText().toString())+1)>1){
                        Carts.order(new DataCarts(car.getIDMOBIL(),car.getNAMAMOBIL(),car.getMERKMOBIL(),car.getPLATNOMOBIL(),tgl_awal.getText().toString()+" "+jam,tgl_akhir.getText().toString()+" "+jam,car.getHARGAMOBIL(),""+(Integer.parseInt(car.getHARGAMOBIL())*(DateDifference.betweenDates(tgl_awal.getText().toString(),tgl_akhir.getText().toString())))), SPref.getCARTS());

                        invalidateOptionsMenu();
                        Toasty.success(mContext,"Mobil Berhasil Disimpan",Toast.LENGTH_SHORT).show();
                    }
//                    if ((DateDifference.betweenDates(tgl_awal.getText().toString(),tgl_akhir.getText().toString()))==0){
//                        Toasty.error(mContext,"Tidak Boleh Input Tanggal yang Sama",Toast.LENGTH_SHORT).show();
//                    }
                        else{
                        Toasty.error(mContext,"Inputan Tanggal Tidak Sesuai",Toast.LENGTH_SHORT).show();
                    }

                }
                break;
        }
    }

    @SuppressLint("RestrictedApi")
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // TODO Auto-generated method stub
        if (menu instanceof MenuBuilder) {
            ((MenuBuilder) menu).setOptionalIconsVisible(true);
        }
        getMenuInflater().inflate(R.menu.menu_user_icon, menu);
        setCart(menu);
        return super.onCreateOptionsMenu(menu);
    }

    public void setCart(Menu menu){
        MenuItem menuItem = menu.findItem(R.id.cart);
        MenuItem menuRefresh = menu.findItem(R.id.refresh);
        MenuItem menuSetting= menu.findItem(R.id.action_settings);
        menuRefresh.setVisible(false);
        menuSetting.setVisible(false);
        LayerDrawable icon = (LayerDrawable) menuItem.getIcon();

        DrawableCounter badge;

        // Reuse drawable if possible
        Drawable reuse = icon.findDrawableByLayerId(R.id.ic_group_count);
        if (reuse != null && reuse instanceof DrawableCounter) {
            badge = (DrawableCounter) reuse;
        } else {
            badge = new DrawableCounter(mContext);
        }

        badge.setCount(""+Carts.getSize(SPref.getCARTS()));
        icon.mutate();
        icon.setDrawableByLayerId(R.id.ic_group_count, badge);
    }
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                finish();
                return true;
            case R.id.cart:
                move.moveActivity(mContext,ActivityListTransaksi.class);
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }

    private boolean validasi(){
        return (!validate.cek(tgl_awal)&&!validate.cek(tgl_akhir)) ? true : false;
    }

    @Override
    public void onResume(){
        super.onResume();
        invalidateOptionsMenu();
    }
}


XML Text




<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/background_light"
    android:fitsSystemWindows="true"
    >


    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">


    <android.support.design.widget.AppBarLayout
        android:id="@+id/main.appbar"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:fitsSystemWindows="true"
        >

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/main.collapsing"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginStart="48dp"
            app:expandedTitleMarginEnd="64dp"

            >

            <ImageView
                android:id="@+id/mainbackdrop"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:fitsSystemWindows="true"
                android:src="@drawable/bg"
                app:layout_collapseMode="parallax"
                />

            <android.support.v7.widget.Toolbar
                android:id="@+id/maintoolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:layout_collapseMode="pin"
                />
        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        >
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            >
        <LinearLayout
            android:id="@+id/rating"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/productimage"
            android:background="#fff"
            android:gravity="center"
            android:orientation="horizontal"
            android:padding="16dp"
            android:visibility="visible">

            <customfonts.MyTextView
                android:id="@+id/price"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="right"
                android:text="$ 250"
                android:textColor="@color/Tex"
                android:textSize="26dp" />
        </LinearLayout>


        <LinearLayout

            android:id="@+id/name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/rating"
            android:background="#fff"
            android:orientation="vertical"
            android:padding="16dp">


            <customfonts.MyTextView
                android:id="@+id/nama_mobil"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="right"
                android:text="@string/name"
                android:textColor="@color/Tex"
                android:textSize="20dp" />

            <!--<customfonts.MyTextView-->
                <!--android:layout_width="wrap_content"-->
                <!--android:layout_height="wrap_content"-->
                <!--android:layout_marginTop="6dp"-->
                <!--android:layout_weight="1"-->
                <!--android:text="Women's running shoes"-->
                <!--android:textColor="@color/Tex"-->
                <!--android:textSize="16dp" />-->


        </LinearLayout>


        <!--*********color**********-->

        <LinearLayout
            android:id="@+id/colour"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/name"
            android:background="#fff"
            android:orientation="vertical"

            >

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                >
                <LinearLayout
                    android:layout_marginLeft="10sp"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:orientation="vertical"
                    >


                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:orientation="horizontal"
                        android:layout_marginTop="8sp"
                        android:layout_marginBottom="8sp"
                        >
                        <ImageView
                            android:id="@+id/ic_merk"
                            android:layout_width="15sp"
                            android:layout_height="15sp"
                            android:src="@drawable/ic_action_storage"
                            android:layout_marginRight="10sp"
                            />
                        <TextView
                            android:id="@+id/merk"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:textSize="12sp"
                            android:text="2017"
                            android:textColor="@color/nliveo_orange_colorPrimaryDark"
                            />
                    </LinearLayout>

                    <TextView
                        android:layout_margin="1dp"
                        android:layout_width="match_parent"
                        android:layout_height="1dp"
                        android:background="#c4c4c4"
                        />

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:orientation="horizontal"
                        android:layout_marginTop="8sp"
                        android:layout_marginBottom="8sp"

                        >
                        <ImageView
                            android:id="@+id/ic_year"
                            android:layout_width="15sp"
                            android:layout_height="15sp"
                            android:src="@drawable/ic_action_event"
                            android:layout_marginRight="10sp"

                            />
                        <TextView
                            android:id="@+id/year"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:textSize="12sp"
                            android:text="2017"
                            android:textColor="@color/nliveo_orange_colorPrimaryDark"
                            android:gravity="bottom"
                            />
                    </LinearLayout>
                    <TextView
                        android:layout_margin="1dp"
                        android:layout_width="match_parent"
                        android:layout_height="1dp"
                        android:background="#c4c4c4"
                        />

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:orientation="horizontal"
                        android:layout_marginTop="8sp"
                        android:layout_marginBottom="8sp"

                        >
                        <ImageView
                            android:id="@+id/ic_warna"
                            android:layout_width="15sp"
                            android:layout_height="15sp"
                            android:src="@drawable/ic_action_event"
                            android:layout_marginRight="10sp"
                            />
                        <TextView
                            android:id="@+id/warna"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:textSize="12sp"
                            android:text="2017"
                            android:textColor="@color/nliveo_orange_colorPrimaryDark"
                            />
                    </LinearLayout>
                </LinearLayout>

                <TextView
                    android:layout_width="1dp"
                    android:layout_height="match_parent"
                    android:background="#c4c4c4"
                    />
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:layout_weight="1"
                    >
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:orientation="horizontal"
                        android:layout_marginTop="8sp"
                        android:layout_marginBottom="8sp"

                        >
                        <ImageView
                            android:layout_marginLeft="10sp"
                            android:id="@+id/ic_capacity"
                            android:layout_width="15sp"
                            android:layout_height="15sp"
                            android:src="@drawable/ic_action_event"
                            android:layout_marginRight="10sp"
                            />
                        <TextView
                            android:id="@+id/capacity"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:textSize="12sp"
                            android:text="2017"
                            android:textColor="@color/nliveo_orange_colorPrimaryDark"
                            />
                    </LinearLayout>
                    <TextView
                        android:layout_margin="1dp"
                        android:layout_width="match_parent"
                        android:layout_height="1dp"
                        android:background="#c4c4c4"
                        />
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:orientation="horizontal"
                        android:layout_marginTop="8sp"
                        android:layout_marginBottom="7sp"

                        >
                        <ImageView
                            android:layout_marginLeft="10sp"
                            android:id="@+id/ic_plat"
                            android:layout_width="15sp"
                            android:layout_height="15sp"
                            android:src="@drawable/ic_action_event"
                            android:layout_marginRight="10sp"
                            />
                        <TextView
                            android:id="@+id/plat"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:textSize="12sp"
                            android:text="2017"
                            android:textColor="@color/nliveo_orange_colorPrimaryDark"
                            />
                    </LinearLayout>
                    <TextView
                        android:layout_margin="1dp"
                        android:layout_width="match_parent"
                        android:layout_height="1dp"
                        android:background="#c4c4c4"
                        />

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:orientation="horizontal"
                        android:layout_marginTop="8sp"
                        android:layout_marginBottom="8sp"

                        >
                        <ImageView
                            android:layout_marginLeft="10sp"
                            android:id="@+id/ic_bensin"
                            android:layout_width="15sp"
                            android:layout_height="15sp"
                            android:src="@drawable/ic_action_event"
                            android:layout_marginRight="10sp"
                            />
                        <TextView
                            android:id="@+id/bensin"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:textSize="12sp"
                            android:text="2017"
                            android:textColor="@color/nliveo_orange_colorPrimaryDark"
                            />
                    </LinearLayout>
                </LinearLayout>
            </LinearLayout>
            <customfonts.MyTextView
                android:id="@+id/description"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="12sp"
                android:lineSpacingExtra="8dp"
                android:text="@string/lorem_ipsum"
                android:padding="@dimen/activity_horizontal_margin"
                />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:layout_marginLeft="16dp"
                    android:orientation="vertical">
                    <customfonts.MyTextView
                        android:id="@+id/colortext"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="16dp"
                        android:text="Tanggal Pinjam"
                        android:textColor="@color/Tex"
                        android:textSize="@dimen/text" />
                </LinearLayout>
                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:orientation="vertical">

                        <customfonts.MyTextView
                            android:id="@+id/colortext2"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="16dp"
                            android:layout_marginLeft="16dp"
                            android:text="Tanggal Kembali"
                            android:textColor="@color/Tex"
                            android:textSize="@dimen/text" />
                    </LinearLayout>


            </LinearLayout>



            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                >
                <com.rental_apps.android.rental_apps.helper.DatePickerView
                    android:id="@+id/tgl_awal"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:hint="Tanggal Awal"
                    android:background="@drawable/border"
                    android:layout_margin="20sp"
                    android:padding="15sp"
                    android:layout_weight="1"
                    android:textSize="13sp"
                    />
                <com.rental_apps.android.rental_apps.helper.DatePickerView
                    android:id="@+id/tgl_akhir"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:hint="Tanggal Akhir"
                    android:background="@drawable/border"
                    android:layout_margin="20sp"
                    android:padding="15sp"
                    android:layout_weight="1"
                    android:textSize="13sp"
                    />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">
                <Button
                    android:id="@+id/bt_showtimepicker"
                    android:text="Pilih Jam Sewa"
                    android:layout_gravity="center"
                    android:background="@drawable/round"
                    android:padding="15dp"
                    android:elevation="3dp"
                    android:drawableLeft="@drawable/ic_access_time_white_24dp"
                    android:gravity="center"
                    android:textColor="@color/White"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content" />

                <TextView
                    android:text="Jam dipilih : "
                    android:id="@+id/tv_timeresult"
                    android:layout_gravity="center"
                    android:elevation="3dp"
                    android:layout_marginTop="10dp"
                    android:gravity="center"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content" />
            </LinearLayout>

            <!--<LinearLayout-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="wrap_content"-->
                <!--android:layout_margin="15dp"-->
                <!--android:orientation="vertical">-->
                <!--<TextView-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:text="Masukkan waktu Sewa"-->
                    <!--android:textSize="8pt"-->
                    <!--android:textStyle="bold"-->
                    <!--android:layout_marginTop="5dp"/>-->
                <!--<EditText-->
                    <!--android:layout_width="325dp"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:hint="Time"-->
                    <!--android:layout_marginTop="5dp"-->
                    <!--android:id="@+id/et_waktu"   />-->

            <!--</LinearLayout>-->





            <!--<LinearLayout-->
            <!--android:id="@+id/colorcircle"-->
            <!--android:layout_width="wrap_content"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_marginLeft="25dp"-->
            <!--android:orientation="horizontal">-->


            <!--&lt;!&ndash;******YELLOW COLOUR**********&ndash;&gt;-->
            <!--<FrameLayout-->
            <!--android:layout_width="wrap_content"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_gravity="center"-->
            <!--android:layout_margin="10dp"-->
            <!--android:layout_weight="1">-->


            <!--<ImageView-->
            <!--android:id="@+id/yellow1"-->
            <!--android:layout_width="40dp"-->
            <!--android:layout_height="40dp"-->
            <!--android:layout_gravity="center"-->
            <!--android:background="@drawable/yellow1"-->

            <!--/>-->

            <!--<ImageView-->
            <!--android:id="@+id/yellow2"-->
            <!--android:layout_width="40dp"-->
            <!--android:layout_height="40dp"-->
            <!--android:layout_gravity="center"-->
            <!--android:background="@drawable/yellow2"-->
            <!--android:visibility="gone"-->

            <!--/>-->
            <!--</FrameLayout>-->


            <!--&lt;!&ndash;******BLUE COLOUR**********&ndash;&gt;-->
            <!--<FrameLayout-->
            <!--android:layout_width="wrap_content"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_gravity="center"-->
            <!--android:layout_margin="10dp"-->
            <!--android:layout_weight="1">-->


            <!--<ImageView-->
            <!--android:id="@+id/blue1"-->
            <!--android:layout_width="40dp"-->
            <!--android:layout_height="40dp"-->
            <!--android:layout_gravity="center"-->
            <!--android:background="@drawable/blue1"-->

            <!--/>-->

            <!--<ImageView-->
            <!--android:id="@+id/blue2"-->
            <!--android:layout_width="40dp"-->
            <!--android:layout_height="40dp"-->
            <!--android:layout_gravity="center"-->
            <!--android:background="@drawable/blue2"-->
            <!--android:visibility="gone"-->

            <!--/>-->
            <!--</FrameLayout>-->

            <!--&lt;!&ndash;******RED COLOUR**********&ndash;&gt;-->
            <!--<FrameLayout-->
            <!--android:layout_width="wrap_content"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_gravity="center"-->
            <!--android:layout_margin="10dp"-->
            <!--android:layout_weight="1">-->


            <!--<ImageView-->
            <!--android:id="@+id/red1"-->
            <!--android:layout_width="40dp"-->
            <!--android:layout_height="40dp"-->
            <!--android:layout_gravity="center"-->
            <!--android:background="@drawable/red1"-->

            <!--/>-->

            <!--<ImageView-->
            <!--android:id="@+id/red2"-->
            <!--android:layout_width="40dp"-->
            <!--android:layout_height="40dp"-->
            <!--android:layout_gravity="center"-->
            <!--android:background="@drawable/red2"-->
            <!--android:visibility="gone"-->

            <!--/>-->

            <!--</FrameLayout>-->


            <!--&lt;!&ndash;******GREEN COLOUR**********&ndash;&gt;-->
            <!--<FrameLayout-->
            <!--android:layout_width="wrap_content"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_gravity="center"-->
            <!--android:layout_margin="10dp"-->
            <!--android:layout_weight="1">-->


            <!--<ImageView-->
            <!--android:id="@+id/green1"-->
            <!--android:layout_width="40dp"-->
            <!--android:layout_height="40dp"-->
            <!--android:layout_gravity="center"-->
            <!--android:background="@drawable/green1" />-->

            <!--<ImageView-->
            <!--android:id="@+id/green2"-->
            <!--android:layout_width="40dp"-->
            <!--android:layout_height="40dp"-->
            <!--android:layout_gravity="center"-->
            <!--android:background="@drawable/green2"-->
            <!--android:visibility="gone"-->

            <!--/>-->
            <!--</FrameLayout>-->


            <!--</LinearLayout>-->
        </LinearLayout>


        <LinearLayout
            android:layout_marginBottom="30sp"
            android:id="@+id/size"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/colour"
            android:background="#fff"
            android:orientation="vertical">


            <!--<customfonts.MyTextView-->

            <!--android:layout_width="match_parent"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_gravity="center"-->
            <!--android:layout_marginLeft="16dp"-->
            <!--android:layout_marginTop="16dp"-->
            <!--android:text="SIZE"-->
            <!--android:textColor="@color/Tex"-->
            <!--android:textSize="@dimen/text" />-->

            <!--<LinearLayout-->
            <!--android:id="@+id/qut"-->
            <!--android:layout_width="wrap_content"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_margin="20dp"-->
            <!--android:gravity="center"-->
            <!--android:orientation="horizontal">-->

            <!--<ImageView-->
            <!--android:id="@+id/plus"-->
            <!--android:layout_width="31dp"-->
            <!--android:layout_height="31dp"-->
            <!--android:layout_marginLeft="22dp"-->
            <!--android:padding="2dp"-->
            <!--android:src="@drawable/plus" />-->

            <!--<customfonts.MyTextView-->
            <!--android:id="@+id/sizeno"-->
            <!--android:layout_width="wrap_content"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_marginLeft="16dp"-->
            <!--android:background="#00000000"-->
            <!--android:hint="0"-->
            <!--android:inputType="number"-->
            <!--android:maxLength="1"-->
            <!--android:textColor="@color/nliveo_orange_alpha_colorPrimaryDark"-->
            <!--android:textSize="16dp" />-->

            <!--<ImageView-->
            <!--android:id="@+id/minus"-->
            <!--android:layout_width="31dp"-->
            <!--android:layout_height="31dp"-->
            <!--android:layout_marginLeft="16dp"-->
            <!--android:padding="2dp"-->
            <!--android:src="@drawable/minus" />-->
            <!--</LinearLayout>-->


        </LinearLayout>

        <!--******add to cart******-->


        <LinearLayout
            android:id="@+id/save"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/size"
            android:layout_marginTop="16dp"
            android:orientation="vertical"

            >

            <customfonts.MyTextView
                android:id="@+id/add_cart"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:background="@drawable/roundorange"
                android:elevation="3dp"
                android:gravity="center"
                android:paddingBottom="12dp"
                android:paddingLeft="90dp"
                android:paddingRight="90dp"
                android:paddingTop="12dp"
                android:text="ADD TO CART"
                android:textColor="@color/White"
                android:textSize="15sp"
                android:layout_marginBottom="30sp"
                />

            <!--<customfonts.MyTextView-->
                <!--android:layout_width="wrap_content"-->
                <!--android:layout_height="wrap_content"-->
                <!--android:layout_gravity="center"-->
                <!--android:layout_marginBottom="20dp"-->
                <!--android:layout_marginTop="16dp"-->
                <!--android:layout_weight="1"-->
                <!--android:text="@string/wishlist"-->
                <!--android:textColor="#fe783d"-->
                <!--android:textSize="16dp"-->

                <!--/>-->


        </LinearLayout>
        </LinearLayout>
    </android.support.v4.widget.NestedScrollView>
    </LinearLayout>

    </ScrollView>


</android.support.design.widget.CoordinatorLayout>


    <!--<?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:background="#fff"-->
    <!--tools:context="com.rental_apps.android.rental_apps.user.ActivityDetailUserCars">-->

    <!--<include layout="@layout/toolbar" />-->
    <!--<ScrollView-->
        <!--android:layout_width="match_parent"-->
        <!--android:layout_height="wrap_content"-->
        <!--android:scrollbars="none">-->

        <!--<RelativeLayout-->
            <!--android:layout_width="match_parent"-->
            <!--android:layout_height="wrap_content">-->


            <!--<FrameLayout-->
                <!--android:id="@+id/productimage"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="379dp"-->
                <!--android:background="@drawable/toolbarbg"-->
                <!--android:elevation="4dp"-->
                <!--android:visibility="visible">-->


                <!--<ImageView-->
                    <!--android:id="@+id/mainbackdrop"-->
                    <!--android:layout_width="300dp"-->
                    <!--android:layout_height="238dp"-->
                    <!--android:layout_gravity="center"-->
                    <!--/>-->

                <!--<ImageView-->
                    <!--android:layout_width="38dp"-->
                    <!--android:layout_height="38dp"-->
                    <!--android:layout_gravity="right"-->
                    <!--android:layout_marginRight="20dp"-->
                    <!--android:layout_marginTop="20dp"-->
                    <!--android:elevation="4dp"-->
                    <!--android:src="@drawable/share" />-->
            <!--</FrameLayout>-->


            <!--<LinearLayout-->
                <!--android:id="@+id/rating"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="wrap_content"-->
                <!--android:layout_below="@+id/productimage"-->
                <!--android:background="#fff"-->
                <!--android:gravity="center"-->
                <!--android:orientation="horizontal"-->
                <!--android:padding="16dp"-->
                <!--android:visibility="visible">-->


                <!--<RatingBar-->
                    <!--android:id="@+id/ratingbar"-->
                    <!--style="?android:attr/ratingBarStyleSmall"-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:layout_gravity="center"-->
                    <!--android:isIndicator="false"-->

                    <!--/>-->

                <!--<customfonts.MyTextView-->
                    <!--android:id="@+id/price"-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:layout_weight="1"-->
                    <!--android:gravity="right"-->
                    <!--android:text="$ 250"-->
                    <!--android:textColor="@color/Tex"-->
                    <!--android:textSize="26dp" />-->
            <!--</LinearLayout>-->


            <!--<LinearLayout-->

                <!--android:id="@+id/name"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="wrap_content"-->
                <!--android:layout_below="@+id/rating"-->
                <!--android:background="#fff"-->
                <!--android:orientation="vertical"-->
                <!--android:padding="16dp">-->


                <!--<customfonts.MyTextView-->
                    <!--android:id="@+id/nama_mobil"-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:layout_weight="1"-->
                    <!--android:gravity="right"-->
                    <!--android:text="@string/name"-->
                    <!--android:textColor="@color/Tex"-->
                    <!--android:textSize="20dp" />-->

                <!--<customfonts.MyTextView-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:layout_marginTop="6dp"-->
                    <!--android:layout_weight="1"-->
                    <!--android:text="Women's running shoes"-->
                    <!--android:textColor="@color/Tex"-->
                    <!--android:textSize="16dp" />-->


            <!--</LinearLayout>-->


            <!--&lt;!&ndash;*********color**********&ndash;&gt;-->

            <!--<LinearLayout-->
                <!--android:id="@+id/colour"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="wrap_content"-->
                <!--android:layout_below="@+id/name"-->
                <!--android:background="#fff"-->
                <!--android:orientation="vertical"-->

                <!--&gt;-->

                    <!--<LinearLayout-->
                        <!--android:layout_width="match_parent"-->
                        <!--android:layout_height="wrap_content"-->
                        <!--android:orientation="horizontal"-->
                        <!--&gt;-->
                        <!--<LinearLayout-->
                            <!--android:layout_marginLeft="10sp"-->
                            <!--android:layout_width="match_parent"-->
                            <!--android:layout_height="wrap_content"-->
                            <!--android:layout_weight="1"-->
                            <!--android:orientation="vertical"-->
                            <!--&gt;-->


                            <!--<LinearLayout-->
                                <!--android:layout_width="match_parent"-->
                                <!--android:layout_height="match_parent"-->
                                <!--android:orientation="horizontal"-->
                                <!--android:layout_marginTop="8sp"-->
                                <!--android:layout_marginBottom="8sp"-->
                                <!--&gt;-->
                                <!--<ImageView-->
                                    <!--android:id="@+id/ic_merk"-->
                                    <!--android:layout_width="15sp"-->
                                    <!--android:layout_height="15sp"-->
                                    <!--android:src="@drawable/ic_action_storage"-->
                                    <!--android:layout_marginRight="10sp"-->
                                    <!--/>-->
                                <!--<TextView-->
                                    <!--android:id="@+id/merk"-->
                                    <!--android:layout_width="match_parent"-->
                                    <!--android:layout_height="wrap_content"-->
                                    <!--android:textSize="12sp"-->
                                    <!--android:text="2017"-->
                                    <!--android:textColor="@color/nliveo_orange_colorPrimaryDark"-->
                                    <!--/>-->
                            <!--</LinearLayout>-->

                            <!--<TextView-->
                                <!--android:layout_margin="1dp"-->
                                <!--android:layout_width="match_parent"-->
                                <!--android:layout_height="1dp"-->
                                <!--android:background="#c4c4c4"-->
                                <!--/>-->

                            <!--<LinearLayout-->
                                <!--android:layout_width="match_parent"-->
                                <!--android:layout_height="match_parent"-->
                                <!--android:orientation="horizontal"-->
                                <!--android:layout_marginTop="8sp"-->
                                <!--android:layout_marginBottom="8sp"-->

                                <!--&gt;-->
                                <!--<ImageView-->
                                    <!--android:id="@+id/ic_year"-->
                                    <!--android:layout_width="15sp"-->
                                    <!--android:layout_height="15sp"-->
                                    <!--android:src="@drawable/ic_action_event"-->
                                    <!--android:layout_marginRight="10sp"-->

                                    <!--/>-->
                                <!--<TextView-->
                                    <!--android:id="@+id/year"-->
                                    <!--android:layout_width="match_parent"-->
                                    <!--android:layout_height="match_parent"-->
                                    <!--android:textSize="12sp"-->
                                    <!--android:text="2017"-->
                                    <!--android:textColor="@color/nliveo_orange_colorPrimaryDark"-->
                                    <!--android:gravity="bottom"-->
                                    <!--/>-->
                            <!--</LinearLayout>-->
                            <!--<TextView-->
                                <!--android:layout_margin="1dp"-->
                                <!--android:layout_width="match_parent"-->
                                <!--android:layout_height="1dp"-->
                                <!--android:background="#c4c4c4"-->
                                <!--/>-->

                            <!--<LinearLayout-->
                                <!--android:layout_width="match_parent"-->
                                <!--android:layout_height="match_parent"-->
                                <!--android:orientation="horizontal"-->
                                <!--android:layout_marginTop="8sp"-->
                                <!--android:layout_marginBottom="8sp"-->

                                <!--&gt;-->
                                <!--<ImageView-->
                                    <!--android:id="@+id/ic_warna"-->
                                    <!--android:layout_width="15sp"-->
                                    <!--android:layout_height="15sp"-->
                                    <!--android:src="@drawable/ic_action_event"-->
                                    <!--android:layout_marginRight="10sp"-->
                                    <!--/>-->
                                <!--<TextView-->
                                    <!--android:id="@+id/warna"-->
                                    <!--android:layout_width="match_parent"-->
                                    <!--android:layout_height="wrap_content"-->
                                    <!--android:textSize="12sp"-->
                                    <!--android:text="2017"-->
                                    <!--android:textColor="@color/nliveo_orange_colorPrimaryDark"-->
                                    <!--/>-->
                            <!--</LinearLayout>-->
                        <!--</LinearLayout>-->

                        <!--<TextView-->
                            <!--android:layout_width="1dp"-->
                            <!--android:layout_height="match_parent"-->
                            <!--android:background="#c4c4c4"-->
                            <!--/>-->
                        <!--<LinearLayout-->
                            <!--android:layout_width="match_parent"-->
                            <!--android:layout_height="wrap_content"-->
                            <!--android:orientation="vertical"-->
                            <!--android:layout_weight="1"-->
                            <!--&gt;-->
                            <!--<LinearLayout-->
                                <!--android:layout_width="match_parent"-->
                                <!--android:layout_height="match_parent"-->
                                <!--android:orientation="horizontal"-->
                                <!--android:layout_marginTop="8sp"-->
                                <!--android:layout_marginBottom="8sp"-->

                                <!--&gt;-->
                                <!--<ImageView-->
                                    <!--android:layout_marginLeft="10sp"-->
                                    <!--android:id="@+id/ic_capacity"-->
                                    <!--android:layout_width="15sp"-->
                                    <!--android:layout_height="15sp"-->
                                    <!--android:src="@drawable/ic_action_event"-->
                                    <!--android:layout_marginRight="10sp"-->
                                    <!--/>-->
                                <!--<TextView-->
                                    <!--android:id="@+id/capacity"-->
                                    <!--android:layout_width="match_parent"-->
                                    <!--android:layout_height="wrap_content"-->
                                    <!--android:textSize="12sp"-->
                                    <!--android:text="2017"-->
                                    <!--android:textColor="@color/nliveo_orange_colorPrimaryDark"-->
                                    <!--/>-->
                            <!--</LinearLayout>-->
                            <!--<TextView-->
                                <!--android:layout_margin="1dp"-->
                                <!--android:layout_width="match_parent"-->
                                <!--android:layout_height="1dp"-->
                                <!--android:background="#c4c4c4"-->
                                <!--/>-->
                            <!--<LinearLayout-->
                                <!--android:layout_width="match_parent"-->
                                <!--android:layout_height="match_parent"-->
                                <!--android:orientation="horizontal"-->
                                <!--android:layout_marginTop="8sp"-->
                                <!--android:layout_marginBottom="7sp"-->

                                <!--&gt;-->
                                <!--<ImageView-->
                                    <!--android:layout_marginLeft="10sp"-->
                                    <!--android:id="@+id/ic_plat"-->
                                    <!--android:layout_width="15sp"-->
                                    <!--android:layout_height="15sp"-->
                                    <!--android:src="@drawable/ic_action_event"-->
                                    <!--android:layout_marginRight="10sp"-->
                                    <!--/>-->
                                <!--<TextView-->
                                    <!--android:id="@+id/plat"-->
                                    <!--android:layout_width="match_parent"-->
                                    <!--android:layout_height="wrap_content"-->
                                    <!--android:textSize="12sp"-->
                                    <!--android:text="2017"-->
                                    <!--android:textColor="@color/nliveo_orange_colorPrimaryDark"-->
                                    <!--/>-->
                            <!--</LinearLayout>-->
                            <!--<TextView-->
                                <!--android:layout_margin="1dp"-->
                                <!--android:layout_width="match_parent"-->
                                <!--android:layout_height="1dp"-->
                                <!--android:background="#c4c4c4"-->
                                <!--/>-->

                            <!--<LinearLayout-->
                                <!--android:layout_width="match_parent"-->
                                <!--android:layout_height="match_parent"-->
                                <!--android:orientation="horizontal"-->
                                <!--android:layout_marginTop="8sp"-->
                                <!--android:layout_marginBottom="8sp"-->

                                <!--&gt;-->
                                <!--<ImageView-->
                                    <!--android:layout_marginLeft="10sp"-->
                                    <!--android:id="@+id/ic_bensin"-->
                                    <!--android:layout_width="15sp"-->
                                    <!--android:layout_height="15sp"-->
                                    <!--android:src="@drawable/ic_action_event"-->
                                    <!--android:layout_marginRight="10sp"-->
                                    <!--/>-->
                                <!--<TextView-->
                                    <!--android:id="@+id/bensin"-->
                                    <!--android:layout_width="match_parent"-->
                                    <!--android:layout_height="wrap_content"-->
                                    <!--android:textSize="12sp"-->
                                    <!--android:text="2017"-->
                                    <!--android:textColor="@color/nliveo_orange_colorPrimaryDark"-->
                                    <!--/>-->
                            <!--</LinearLayout>-->
                        <!--</LinearLayout>-->
                    <!--</LinearLayout>-->
                <!--<customfonts.MyTextView-->
                    <!--android:id="@+id/description"-->
                    <!--android:layout_width="match_parent"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:textSize="12sp"-->
                    <!--android:lineSpacingExtra="8dp"-->
                    <!--android:text="@string/lorem_ipsum"-->
                    <!--android:padding="@dimen/activity_horizontal_margin"-->
                    <!--/>-->
                <!--&lt;!&ndash;<customfonts.MyTextView&ndash;&gt;-->
                    <!--&lt;!&ndash;android:id="@+id/colortext"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_width="match_parent"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_height="wrap_content"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_marginLeft="16dp"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_marginTop="16dp"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:text="COLOUR"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:textColor="@color/Tex"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:textSize="@dimen/text" />&ndash;&gt;-->


                <!--&lt;!&ndash;<LinearLayout&ndash;&gt;-->
                    <!--&lt;!&ndash;android:id="@+id/colorcircle"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_width="wrap_content"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_height="wrap_content"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_marginLeft="25dp"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:orientation="horizontal">&ndash;&gt;-->


                    <!--&lt;!&ndash;&lt;!&ndash;******YELLOW COLOUR**********&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<FrameLayout&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_width="wrap_content"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_height="wrap_content"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_margin="10dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_weight="1">&ndash;&gt;-->


                        <!--&lt;!&ndash;<ImageView&ndash;&gt;-->
                            <!--&lt;!&ndash;android:id="@+id/yellow1"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_width="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_height="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:background="@drawable/yellow1"&ndash;&gt;-->

                            <!--&lt;!&ndash;/>&ndash;&gt;-->

                        <!--&lt;!&ndash;<ImageView&ndash;&gt;-->
                            <!--&lt;!&ndash;android:id="@+id/yellow2"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_width="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_height="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:background="@drawable/yellow2"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:visibility="gone"&ndash;&gt;-->

                            <!--&lt;!&ndash;/>&ndash;&gt;-->
                    <!--&lt;!&ndash;</FrameLayout>&ndash;&gt;-->


                    <!--&lt;!&ndash;&lt;!&ndash;******BLUE COLOUR**********&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<FrameLayout&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_width="wrap_content"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_height="wrap_content"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_margin="10dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_weight="1">&ndash;&gt;-->


                        <!--&lt;!&ndash;<ImageView&ndash;&gt;-->
                            <!--&lt;!&ndash;android:id="@+id/blue1"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_width="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_height="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:background="@drawable/blue1"&ndash;&gt;-->

                            <!--&lt;!&ndash;/>&ndash;&gt;-->

                        <!--&lt;!&ndash;<ImageView&ndash;&gt;-->
                            <!--&lt;!&ndash;android:id="@+id/blue2"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_width="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_height="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:background="@drawable/blue2"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:visibility="gone"&ndash;&gt;-->

                            <!--&lt;!&ndash;/>&ndash;&gt;-->
                    <!--&lt;!&ndash;</FrameLayout>&ndash;&gt;-->

                    <!--&lt;!&ndash;&lt;!&ndash;******RED COLOUR**********&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<FrameLayout&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_width="wrap_content"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_height="wrap_content"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_margin="10dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_weight="1">&ndash;&gt;-->


                        <!--&lt;!&ndash;<ImageView&ndash;&gt;-->
                            <!--&lt;!&ndash;android:id="@+id/red1"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_width="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_height="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:background="@drawable/red1"&ndash;&gt;-->

                            <!--&lt;!&ndash;/>&ndash;&gt;-->

                        <!--&lt;!&ndash;<ImageView&ndash;&gt;-->
                            <!--&lt;!&ndash;android:id="@+id/red2"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_width="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_height="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:background="@drawable/red2"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:visibility="gone"&ndash;&gt;-->

                            <!--&lt;!&ndash;/>&ndash;&gt;-->

                    <!--&lt;!&ndash;</FrameLayout>&ndash;&gt;-->


                    <!--&lt;!&ndash;&lt;!&ndash;******GREEN COLOUR**********&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;<FrameLayout&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_width="wrap_content"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_height="wrap_content"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_margin="10dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_weight="1">&ndash;&gt;-->


                        <!--&lt;!&ndash;<ImageView&ndash;&gt;-->
                            <!--&lt;!&ndash;android:id="@+id/green1"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_width="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_height="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:background="@drawable/green1" />&ndash;&gt;-->

                        <!--&lt;!&ndash;<ImageView&ndash;&gt;-->
                            <!--&lt;!&ndash;android:id="@+id/green2"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_width="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_height="40dp"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:background="@drawable/green2"&ndash;&gt;-->
                            <!--&lt;!&ndash;android:visibility="gone"&ndash;&gt;-->

                            <!--&lt;!&ndash;/>&ndash;&gt;-->
                    <!--&lt;!&ndash;</FrameLayout>&ndash;&gt;-->


                <!--&lt;!&ndash;</LinearLayout>&ndash;&gt;-->
            <!--</LinearLayout>-->


            <!--<LinearLayout-->
                <!--android:layout_marginBottom="30sp"-->
                <!--android:id="@+id/size"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="wrap_content"-->
                <!--android:layout_below="@+id/colour"-->
                <!--android:background="#fff"-->
                <!--android:orientation="vertical">-->


                <!--&lt;!&ndash;<customfonts.MyTextView&ndash;&gt;-->

                    <!--&lt;!&ndash;android:layout_width="match_parent"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_height="wrap_content"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_gravity="center"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_marginLeft="16dp"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_marginTop="16dp"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:text="SIZE"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:textColor="@color/Tex"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:textSize="@dimen/text" />&ndash;&gt;-->

                <!--&lt;!&ndash;<LinearLayout&ndash;&gt;-->
                    <!--&lt;!&ndash;android:id="@+id/qut"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_width="wrap_content"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_height="wrap_content"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:layout_margin="20dp"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:gravity="center"&ndash;&gt;-->
                    <!--&lt;!&ndash;android:orientation="horizontal">&ndash;&gt;-->

                    <!--&lt;!&ndash;<ImageView&ndash;&gt;-->
                        <!--&lt;!&ndash;android:id="@+id/plus"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_width="31dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_height="31dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_marginLeft="22dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:padding="2dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:src="@drawable/plus" />&ndash;&gt;-->

                    <!--&lt;!&ndash;<customfonts.MyTextView&ndash;&gt;-->
                        <!--&lt;!&ndash;android:id="@+id/sizeno"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_width="wrap_content"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_height="wrap_content"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_marginLeft="16dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:background="#00000000"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:hint="0"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:inputType="number"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:maxLength="1"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:textColor="@color/nliveo_orange_alpha_colorPrimaryDark"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:textSize="16dp" />&ndash;&gt;-->

                    <!--&lt;!&ndash;<ImageView&ndash;&gt;-->
                        <!--&lt;!&ndash;android:id="@+id/minus"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_width="31dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_height="31dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:layout_marginLeft="16dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:padding="2dp"&ndash;&gt;-->
                        <!--&lt;!&ndash;android:src="@drawable/minus" />&ndash;&gt;-->
                <!--&lt;!&ndash;</LinearLayout>&ndash;&gt;-->


            <!--</LinearLayout>-->

            <!--&lt;!&ndash;******add to cart******&ndash;&gt;-->


            <!--<LinearLayout-->
                <!--android:id="@+id/save"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="wrap_content"-->
                <!--android:layout_below="@+id/size"-->
                <!--android:layout_marginTop="16dp"-->
                <!--android:orientation="vertical"-->

                <!--&gt;-->

                <!--<customfonts.MyTextView-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:layout_gravity="center"-->
                    <!--android:background="@drawable/button_bg"-->
                    <!--android:elevation="3dp"-->
                    <!--android:gravity="center"-->
                    <!--android:paddingBottom="12dp"-->
                    <!--android:paddingLeft="90dp"-->
                    <!--android:paddingRight="90dp"-->
                    <!--android:paddingTop="12dp"-->
                    <!--android:text="ADD TO CART"-->
                    <!--android:textColor="@color/White"-->
                    <!--android:textSize="@dimen/text" />-->

                <!--<customfonts.MyTextView-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:layout_gravity="center"-->
                    <!--android:layout_marginBottom="20dp"-->
                    <!--android:layout_marginTop="16dp"-->
                    <!--android:layout_weight="1"-->
                    <!--android:text="@string/wishlist"-->
                    <!--android:textColor="#fe783d"-->
                    <!--android:textSize="16dp"-->

                    <!--/>-->


            <!--</LinearLayout>-->


        <!--</RelativeLayout>-->
    <!--</ScrollView>-->
<!--</RelativeLayout>-->



ListCarActivity


package com.rental_apps.android.rental_apps.user;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.LayerDrawable;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import android.widget.Toast;

import com.mikepenz.itemanimators.SlideLeftAlphaAnimator;
import com.rental_apps.android.rental_apps.R;
import com.rental_apps.android.rental_apps.SPreferenced.SPref;
import com.rental_apps.android.rental_apps.adapter.CarsAdapter;
import com.rental_apps.android.rental_apps.adapter.CarsUserAdapter;
import com.rental_apps.android.rental_apps.adapter.Carts;
import com.rental_apps.android.rental_apps.admin.ActivityCreateMobil;
import com.rental_apps.android.rental_apps.api.client;
import com.rental_apps.android.rental_apps.helper.DrawableCounter;
import com.rental_apps.android.rental_apps.model.model_mobil.DataCars;
import com.rental_apps.android.rental_apps.model.model_mobil.ResponseCars;
import com.rental_apps.android.rental_apps.myinterface.InitComponent;
import com.rental_apps.android.rental_apps.utils.move;

import java.util.ArrayList;
import java.util.List;

import es.dmoral.toasty.Toasty;
import retrofit2.Call;
import retrofit2.Callback;
import retrofit2.Response;



public class UserListCars extends Fragment implements InitComponent{

    //Declate Toolbar Tittle    private static final String TEXT_FRAGMENT = "RENTCAR";

    //Declare Component View    private TextView mTxtTitle;
    private View rootView;
    private RecyclerView recyclerCars;
    //Declate Activity Context    Context mContext;

    //Declare Object Cars    ResponseCars dataCars;
    List<DataCars> listCars=new ArrayList<>();

    Menu mnn;

    //Declare Adapter    private CarsUserAdapter mAdapter;

    public static UserListCars newInstance(String text){
        UserListCars mFragment = new UserListCars();
        Bundle mBundle = new Bundle();
        mBundle.putString(TEXT_FRAGMENT, text);
        mFragment.setArguments(mBundle);
        return mFragment;
    }

    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        mContext=getActivity();
        // TODO Auto-generated method stub        rootView = inflater.inflate(R.layout.fragment_admin_cars, container, false);
        startInit();
        return rootView;
    }

    @Override    public void onActivityCreated(Bundle savedInstanceState) {
        // TODO Auto-generated method stub        super.onActivityCreated(savedInstanceState);
        setHasOptionsMenu(true);
    }

    @Override    public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
        // TODO Auto-generated method stub        super.onCreateOptionsMenu(menu, inflater);
        inflater.inflate(R.menu.menu_user_icon, menu);
        setCart(menu);
    }

    public void setCart(Menu menu){
        MenuItem menuItem = menu.findItem(R.id.cart);
        LayerDrawable icon = (LayerDrawable) menuItem.getIcon();

        DrawableCounter badge;

        // Reuse drawable if possible        Drawable reuse = icon.findDrawableByLayerId(R.id.ic_group_count);
        if (reuse != null && reuse instanceof DrawableCounter) {
            badge = (DrawableCounter) reuse;
        } else {
            badge = new DrawableCounter(mContext);
        }

        badge.setCount(""+Carts.getSize(SPref.getCARTS()));
        icon.mutate();
        icon.setDrawableByLayerId(R.id.ic_group_count, badge);
    }


    @Override    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.refresh:
                getCars();
                return true;
            case R.id.add:
                move.moveActivity(mContext,ActivityCreateMobil.class);
                return true;
            case R.id.cart:
                move.moveActivity(mContext,ActivityListTransaksi.class);
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }

    @Override    public void startInit() {
        initToolbar();
        initUI();
        initValue();
        initEvent();
    }

    @Override    public void initToolbar() {
        getActivity().setTitle(getArguments().getString(TEXT_FRAGMENT));
    }

    @Override    public void initUI() {
        rootView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT ));
        recyclerCars = (RecyclerView)rootView.findViewById(R.id.rCarList);


    }

    @Override    public void initValue() {
        prepareCars();
        getCars();
    }

    @Override    public void initEvent() {

    }

    public void getCars(){
        final Call<ResponseCars> cars= client.getApi().dataMobil();
        cars.enqueue(new Callback<ResponseCars>() {
            @Override            public void onResponse(Call<ResponseCars> call, Response<ResponseCars> response) {
                if (response.isSuccessful()) {
                    dataCars=response.body();
                    if (dataCars.getStatus()) {
                        listCars.clear();
                        listCars.addAll(dataCars.getData());
                        mAdapter.notifyDataSetChanged();
                    } else {
                        Toasty.error(mContext, "gagal", Toast.LENGTH_LONG).show();
                    }
                }else{
                    Toasty.error(mContext,"gagal",Toast.LENGTH_SHORT).show();
                }
            }

            @Override            public void onFailure(Call<ResponseCars> call, Throwable t) {
                Toasty.error(mContext,t.getMessage(),Toast.LENGTH_LONG).show();
            }
        });
    }

    private void prepareCars(){
        mAdapter = new CarsUserAdapter(listCars);
        recyclerCars.setHasFixedSize(true);
        recyclerCars.setLayoutManager(new LinearLayoutManager(getActivity()));
        recyclerCars.setItemAnimator(new DefaultItemAnimator());
        recyclerCars.setAdapter(mAdapter);
        recyclerCars.setItemAnimator(new SlideLeftAlphaAnimator());
        recyclerCars.getItemAnimator().setAddDuration(500);
        recyclerCars.getItemAnimator().setRemoveDuration(500);
    }

    @Override    public void onResume(){
        super.onResume();
        getActivity().invalidateOptionsMenu();
    }



}

XML Text



<?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="wrap_content"
    >
    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10sp">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="16sp">

            <ImageView
                android:id="@+id/imgCar"
                android:layout_width="match_parent"
                android:layout_height="190sp"
                android:background="@color/white"
                android:layout_marginBottom="10dp"/>

            <TextView
                android:layout_below="@+id/imgCar"
                android:id="@+id/carName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Nama Mobil"
                android:layout_marginRight="50dp"
                android:textColor="@color/colorPrimary"
                android:textSize="14sp"
                android:layout_marginBottom="10sp"
                android:textStyle="bold"
                android:typeface="sans"
                android:layout_alignParentEnd="true" />

            <LinearLayout
                android:layout_below="@+id/carName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:id="@+id/description">

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_marginBottom="8sp"
                        android:orientation="horizontal">

                        <ImageView
                            android:id="@+id/ic_year"
                            android:layout_width="15sp"
                            android:layout_height="15sp"
                            android:layout_marginRight="10sp"
                            android:src="@drawable/ic_action_event" />

                        <TextView
                            android:id="@+id/year"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="2017"
                            android:textColor="@color/colorPrimary"
                            android:textSize="12sp" />
                    </LinearLayout>

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_marginBottom="8sp"
                        android:orientation="horizontal">

                        <ImageView
                            android:id="@+id/ic_capacity"
                            android:layout_width="15sp"
                            android:layout_height="15sp"
                            android:layout_marginRight="10sp"
                            android:src="@drawable/ic_action_cc_bcc" />

                        <TextView
                            android:id="@+id/capacity"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="8"
                            android:textColor="@color/colorPrimary"
                            android:textSize="12sp" />
                    </LinearLayout>

                </LinearLayout>

                <View
                    android:layout_width="0.8dp"
                    android:layout_height="match_parent"
                    android:background="@color/grey_bg"
                    />


                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:layout_marginLeft="10dp"
                    android:orientation="vertical">

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_marginBottom="8sp"
                        android:orientation="horizontal">

                        <ImageView
                            android:id="@+id/ic_color"
                            android:layout_width="15sp"
                            android:layout_height="15sp"
                            android:layout_marginRight="10sp"
                            android:src="@drawable/ic_action_event" />

                        <TextView
                            android:id="@+id/color"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="White"
                            android:textColor="@color/colorPrimary"
                            android:textSize="12sp" />
                    </LinearLayout>

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_marginBottom="8sp"
                        android:orientation="horizontal">

                        <ImageView
                            android:id="@+id/ic_bensin"
                            android:layout_width="15sp"
                            android:layout_height="15sp"
                            android:layout_marginRight="10sp"
                            android:src="@drawable/ic_action_event" />

                        <TextView
                            android:id="@+id/bensin"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="Premium"
                            android:textColor="@color/colorPrimary"
                            android:textSize="12sp" />
                    </LinearLayout>
                </LinearLayout>
            </LinearLayout>

            <LinearLayout
                android:layout_marginTop="10sp"
                android:layout_below="@+id/description"
                android:layout_width="match_parent"
                android:orientation="vertical"
                android:layout_height="wrap_content">

                <Button
                    android:id="@+id/status"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/round"
                    android:text="Tersedia"
                    android:textColor="@color/white"
                    android:textSize="12sp" />

            </LinearLayout>


            <TextView
                android:id="@+id/price"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@color/colorPrimary"
                android:padding="5sp"
                android:text="Rp. 100.000"
                android:textAlignment="center"
                android:textColor="@color/white"
                android:textSize="14sp"
                android:layout_marginRight="5dp"
                android:layout_marginTop="5dp"
                android:layout_alignParentTop="true"
                android:layout_alignParentEnd="true" />
        </RelativeLayout>
    </android.support.v7.widget.CardView>
</LinearLayout>


ScreenShoot Hasil Run Pada Aplikasi


Form Login 

Form List Mobil 

Form Detail Mobil 


ini lah hasil eksekusi dari aplikasi yang dibuat,

terima kasih 



Nama  : Akbar Hadi Subowo
NIM : 161021450248
Kelas : 06TPLM002

Komentar