Board logo

標題: CardView [打印本頁]
作者: tonyh    時間: 2018-2-3 16:21     標題: CardView

本帖最後由 tonyh 於 2018-2-3 17:57 編輯

[attach]3380[/attach]
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:orientation="vertical"
  8.     android:paddingBottom="@dimen/activity_vertical_margin"
  9.     android:paddingLeft="@dimen/activity_horizontal_margin"
  10.     android:paddingRight="@dimen/activity_horizontal_margin"
  11.     android:paddingTop="@dimen/activity_vertical_margin"
  12.     tools:context=".MainActivity">


  15.     <android.support.v7.widget.CardView
  16.         android:id="@+id/cardView1"
  17.         android:layout_width="match_parent"
  18.         android:layout_height="80dp"
  19.         android:layout_marginBottom="10dp"
  20.         android:gravity="center_vertical"
  21.         app:cardBackgroundColor="#ffd0d0"
  22.         app:cardCornerRadius="12dp"
  23.         app:cardElevation="5dp">

  25.         <RelativeLayout
  26.             android:layout_width="match_parent"
  27.             android:layout_height="match_parent">

  29.             <ImageView
  30.                 android:id="@+id/imageView1"
  31.                 android:layout_width="40dp"
  32.                 android:layout_height="40dp"
  33.                 android:layout_alignParentStart="true"
  34.                 android:layout_centerVertical="true"
  35.                 android:layout_marginLeft="10dp"
  36.                 android:src="@mipmap/ic_launcher" />

  38.             <TextView
  39.                 android:id="@+id/textView1"
  40.                 android:layout_width="wrap_content"
  41.                 android:layout_height="wrap_content"
  42.                 android:layout_centerHorizontal="true"
  43.                 android:layout_centerVertical="true"
  44.                 android:text="CardView #1"
  45.                 android:textSize="20sp" />

  47.         </RelativeLayout>

  49.     </android.support.v7.widget.CardView>

  51.     <android.support.v7.widget.CardView
  52.         android:id="@+id/cardView2"
  53.         android:layout_width="match_parent"
  54.         android:layout_height="80dp"
  55.         android:layout_marginBottom="10dp"
  56.         android:gravity="center_vertical">

  58.         <RelativeLayout
  59.             android:layout_width="match_parent"
  60.             android:layout_height="match_parent">

  62.             <ImageView
  63.                 android:id="@+id/imageView2"
  64.                 android:layout_width="40dp"
  65.                 android:layout_height="40dp"
  66.                 android:layout_alignParentStart="true"
  67.                 android:layout_centerVertical="true"
  68.                 android:layout_marginLeft="10dp"
  69.                 android:src="@mipmap/ic_launcher" />

  71.             <TextView
  72.                 android:id="@+id/textView2"
  73.                 android:layout_width="wrap_content"
  74.                 android:layout_height="wrap_content"
  75.                 android:layout_centerHorizontal="true"
  76.                 android:layout_centerVertical="true"
  77.                 android:text="CardView #2"
  78.                 android:textSize="20sp" />

  80.         </RelativeLayout>

  82.     </android.support.v7.widget.CardView>

  84.     <android.support.v7.widget.CardView
  85.         android:id="@+id/cardView3"
  86.         android:layout_width="match_parent"
  87.         android:layout_height="80dp"
  88.         android:layout_marginBottom="10dp"
  89.         android:gravity="center_vertical">

  91.         <RelativeLayout
  92.             android:layout_width="match_parent"
  93.             android:layout_height="match_parent">

  95.             <ImageView
  96.                 android:id="@+id/imageView3"
  97.                 android:layout_width="40dp"
  98.                 android:layout_height="40dp"
  99.                 android:layout_alignParentStart="true"
  100.                 android:layout_centerVertical="true"
  101.                 android:layout_marginLeft="10dp"
  102.                 android:src="@mipmap/ic_launcher" />

  104.             <TextView
  105.                 android:id="@+id/textView3"
  106.                 android:layout_width="wrap_content"
  107.                 android:layout_height="wrap_content"
  108.                 android:layout_centerHorizontal="true"
  109.                 android:layout_centerVertical="true"
  110.                 android:text="CardView #3"
  111.                 android:textSize="20sp" />
  112.         </RelativeLayout>
  113.     </android.support.v7.widget.CardView>

  115. </LinearLayout>
複製代碼
  1. package org.istak.ch40_cardview;

  3. import android.graphics.Color;
  4. import android.support.v7.app.AppCompatActivity;
  5. import android.os.Bundle;
  6. import android.support.v7.widget.CardView;

  8. public class MainActivity extends AppCompatActivity {

  10.     CardView cv2, cv3;
  11.     @Override
  12.     protected void onCreate(Bundle savedInstanceState) {
  13.         super.onCreate(savedInstanceState);
  14.         setContentView(R.layout.activity_main);

  16.         cv2= (CardView) findViewById(R.id.cardView2);
  17.         cv3= (CardView) findViewById(R.id.cardView3);

  19.         cv2.setCardBackgroundColor(Color.parseColor("#E6FFD0"));
  20.         cv2.setRadius(20);
  21.         cv2.setCardElevation(10);

  23.         cv3.setCardBackgroundColor(Color.parseColor("#D0FFFF"));
  24.         cv3.setRadius(20);
  25.         cv3.setCardElevation(10);
  26.     }
  27. }
複製代碼
作者: 林宇翔    時間: 2018-2-10 14:49

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:orientation="vertical"
  8.     android:paddingBottom="@dimen/activity_vertical_margin"
  9.     android:paddingLeft="@dimen/activity_horizontal_margin"
  10.     android:paddingRight="@dimen/activity_horizontal_margin"
  11.     android:paddingTop="@dimen/activity_vertical_margin"
  12.     tools:context=".MainActivity">


  15.     <android.support.v7.widget.CardView
  16.         android:id="@+id/cardView1"
  17.         android:layout_width="match_parent"
  18.         android:layout_height="80dp"
  19.         android:layout_marginBottom="10dp"
  20.         android:gravity="center_vertical"
  21.         app:cardBackgroundColor="#ffd0d0"
  22.         app:cardCornerRadius="12dp"
  23.         app:cardElevation="5dp">

  25.         <RelativeLayout
  26.             android:layout_width="match_parent"
  27.             android:layout_height="match_parent">

  29.             <ImageView
  30.                 android:id="@+id/imageView1"
  31.                 android:layout_width="40dp"
  32.                 android:layout_height="40dp"
  33.                 android:layout_alignParentStart="true"
  34.                 android:layout_centerVertical="true"
  35.                 android:layout_marginLeft="10dp"
  36.                 android:src="@mipmap/ic_launcher" />

  38.             <TextView
  39.                 android:id="@+id/textView1"
  40.                 android:layout_width="wrap_content"
  41.                 android:layout_height="wrap_content"
  42.                 android:layout_centerHorizontal="true"
  43.                 android:layout_centerVertical="true"
  44.                 android:text="CardView #1"
  45.                 android:textSize="20sp" />

  47.         </RelativeLayout>

  49.     </android.support.v7.widget.CardView>

  51.     <android.support.v7.widget.CardView
  52.         android:id="@+id/cardView2"
  53.         android:layout_width="match_parent"
  54.         android:layout_height="80dp"
  55.         android:layout_marginBottom="10dp"
  56.         android:gravity="center_vertical">

  58.         <RelativeLayout
  59.             android:layout_width="match_parent"
  60.             android:layout_height="match_parent">

  62.             <ImageView
  63.                 android:id="@+id/imageView2"
  64.                 android:layout_width="40dp"
  65.                 android:layout_height="40dp"
  66.                 android:layout_alignParentStart="true"
  67.                 android:layout_centerVertical="true"
  68.                 android:layout_marginLeft="10dp"
  69.                 android:src="@mipmap/ic_launcher" />

  71.             <TextView
  72.                 android:id="@+id/textView2"
  73.                 android:layout_width="wrap_content"
  74.                 android:layout_height="wrap_content"
  75.                 android:layout_centerHorizontal="true"
  76.                 android:layout_centerVertical="true"
  77.                 android:text="CardView #2"
  78.                 android:textSize="20sp" />

  80.         </RelativeLayout>

  82.     </android.support.v7.widget.CardView>

  84.     <android.support.v7.widget.CardView
  85.         android:id="@+id/cardView3"
  86.         android:layout_width="match_parent"
  87.         android:layout_height="80dp"
  88.         android:layout_marginBottom="10dp"
  89.         android:gravity="center_vertical">

  91.         <RelativeLayout
  92.             android:layout_width="match_parent"
  93.             android:layout_height="match_parent">

  95.             <ImageView
  96.                 android:id="@+id/imageView3"
  97.                 android:layout_width="40dp"
  98.                 android:layout_height="40dp"
  99.                 android:layout_alignParentStart="true"
  100.                 android:layout_centerVertical="true"
  101.                 android:layout_marginLeft="10dp"
  102.                 android:src="@mipmap/ic_launcher" />

  104.             <TextView
  105.                 android:id="@+id/textView3"
  106.                 android:layout_width="wrap_content"
  107.                 android:layout_height="wrap_content"
  108.                 android:layout_centerHorizontal="true"
  109.                 android:layout_centerVertical="true"
  110.                 android:text="CardView #3"
  111.                 android:textSize="20sp" />
  112.         </RelativeLayout>
  113.     </android.support.v7.widget.CardView>

  115. </LinearLayout>
複製代碼
  1. package org.istak.ch40_cardview;

  3. import android.graphics.Color;
  4. import android.support.v7.app.AppCompatActivity;
  5. import android.os.Bundle;
  6. import android.support.v7.widget.CardView;

  8. public class MainActivity extends AppCompatActivity {

  10.     CardView cv2, cv3;
  11.     @Override
  12.     protected void onCreate(Bundle savedInstanceState) {
  13.         super.onCreate(savedInstanceState);
  14.         setContentView(R.layout.activity_main);

  16.         cv2= (CardView) findViewById(R.id.cardView2);
  17.         cv3= (CardView) findViewById(R.id.cardView3);

  19.         cv2.setCardBackgroundColor(Color.parseColor("#E6FFD0"));
  20.         cv2.setRadius(20);
  21.         cv2.setCardElevation(10);

  23.         cv3.setCardBackgroundColor(Color.parseColor("#D0FFFF"));
  24.         cv3.setRadius(20);
  25.         cv3.setCardElevation(10);
  26.     }
  27. }
複製代碼
作者: 李允軒    時間: 2018-2-10 17:47

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  4.     xmlns:app="http://schemas.android.com/apk/res-auto"
  5.     android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
  6.     android:paddingRight="@dimen/activity_horizontal_margin"
  7.     android:paddingTop="@dimen/activity_vertical_margin"
  8.     android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
  9.     android:orientation="vertical"
  10.     android:weightSum="1">

  12.     <android.support.v7.widget.CardView
  13.         android:layout_width="match_parent"
  14.         android:layout_height="wrap_content"
  15.         android:id="@+id/view1"
  16.         app:cardBackgroundColor="#ffd0d0"
  17.         app:cardCornerRadius="12dp"
  18.         app:cardElevation="5dp">

  20.         <RelativeLayout
  21.             android:layout_width="match_parent"
  22.             android:layout_height="match_parent">

  24.             <ImageView
  25.                 android:layout_width="80dp"
  26.                 android:layout_height="80dp"
  27.                 android:id="@+id/imageView1"
  28.                 android:layout_centerVertical="true"
  29.                 android:layout_alignParentStart="true"
  30.                 android:layout_marginLeft="20dp"
  31.                 android:src="@mipmap/ic_launcher" />

  33.             <TextView
  34.                 android:layout_width="wrap_content"
  35.                 android:layout_height="wrap_content"
  36.                 android:text="CardView #1"
  37.                 android:id="@+id/textView1"
  38.                 android:layout_marginStart="53dp"
  39.                 android:textSize="25sp"
  40.                 android:layout_centerVertical="true"
  41.                 android:layout_toEndOf="@+id/imageView1" />

  43.         </RelativeLayout>
  44.     </android.support.v7.widget.CardView>

  46.     <android.support.v7.widget.CardView
  47.         android:layout_width="match_parent"
  48.         android:layout_height="wrap_content"
  49.         android:id="@+id/view2"
  50.         android:layout_marginTop="20dp"
  51.         android:layout_marginBottom="20dp">

  53.         <RelativeLayout
  54.             android:layout_width="match_parent"
  55.             android:layout_height="match_parent">

  57.             <ImageView
  58.                 android:layout_width="80dp"
  59.                 android:layout_height="80dp"
  60.                 android:id="@+id/imageView2"
  61.                 android:layout_centerVertical="true"
  62.                 android:layout_alignParentStart="true"
  63.                 android:layout_marginLeft="20dp"
  64.                 android:src="@mipmap/ic_launcher" />

  66.             <TextView
  67.                 android:layout_width="wrap_content"
  68.                 android:layout_height="wrap_content"
  69.                 android:text="CardView #2"
  70.                 android:id="@+id/textView2"
  71.                 android:layout_marginStart="53dp"
  72.                 android:textSize="25sp"
  73.                 android:layout_centerVertical="true"
  74.                 android:layout_toEndOf="@+id/imageView2" />

  76.         </RelativeLayout>
  77.     </android.support.v7.widget.CardView>

  79.     <android.support.v7.widget.CardView
  80.         android:layout_width="match_parent"
  81.         android:layout_height="wrap_content"
  82.         android:id="@+id/view3">

  84.         <RelativeLayout
  85.             android:layout_width="match_parent"
  86.             android:layout_height="match_parent">

  88.             <ImageView
  89.                 android:layout_width="80dp"
  90.                 android:layout_height="80dp"
  91.                 android:id="@+id/imageView3"
  92.                 android:layout_centerVertical="true"
  93.                 android:layout_alignParentStart="true"
  94.                 android:layout_marginLeft="20dp"
  95.                 android:src="@mipmap/ic_launcher" />

  97.             <TextView
  98.                 android:layout_width="wrap_content"
  99.                 android:layout_height="wrap_content"
  100.                 android:text="CardView #3"
  101.                 android:id="@+id/textView3"
  102.                 android:layout_marginStart="53dp"
  103.                 android:textSize="25sp"
  104.                 android:layout_centerVertical="true"
  105.                 android:layout_toEndOf="@+id/imageView3" />

  107.         </RelativeLayout>
  108.     </android.support.v7.widget.CardView>


  111. </LinearLayout>
複製代碼
  1. package com.example.student.myapplication;

  3. import android.graphics.Color;
  4. import android.support.v7.app.AppCompatActivity;
  5. import android.os.Bundle;
  6. import android.support.v7.widget.CardView;

  8. public class MainActivity extends AppCompatActivity {
  9.     CardView cd1,cd2;

  11.     @Override
  12.     protected void onCreate(Bundle savedInstanceState) {
  13.         super.onCreate(savedInstanceState);
  14.         setContentView(R.layout.activity_main);
  15.         cd1= (CardView) findViewById(R.id.view2);
  16.         cd2= (CardView) findViewById(R.id.view3);
  17.         cd1.setCardElevation(5);
  18.         cd1.setRadius(12);
  19.         cd1.setCardBackgroundColor(Color.parseColor("#7fff7d"));
  20.         cd2.setCardElevation(8);
  21.         cd2.setRadius(20);
  22.         cd2.setCardBackgroundColor(Color.parseColor("#3f89f9"));
  23.     }
  24. }
複製代碼




歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://seed.istak.org.tw/) Powered by Discuz! 7.2