Android课程表界面布局实现代码

2024-03-30 16:00:05

前言

Android课程表布局实现

我是个菜鸟，文章供参考

示例

图1：

图2：

布局分析

该界面主要可分为三部分：
1.显示年份及周数部分
2.显示周一到周日
3.课程显示部分

实现步骤

1.首先整个页面放在一个LinearLayout布局下面，分为上面和下面两个部分，下面一个是显示课程表的详细信息
2.将控件一个TextView用来显示年份，一个View用来当作竖线，再用一个LinearLayout用来显示选择周数
3.使用ScrollView来显示课程表的详细信息

话不多说直接给代码!!!
代码如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  tools:context=".Main3Activity">
  <FrameLayout
    android:id="@+id/content"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    ></FrameLayout>
  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="#FFFFFF">
    <RelativeLayout
      android:id="@+id/layout1"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1">
      <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:orientation="vertical">
        <TextView
          android:id="@+id/text1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center_horizontal"
          android:layout_marginTop="5dp"
          android:text="周一"
          android:textColor="#7597B3" />
      </LinearLayout>
    </RelativeLayout>
    <RelativeLayout
      android:id="@+id/layout2"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1">
      <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:orientation="vertical">
        <TextView
          android:id="@+id/text2"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center_horizontal"
          android:layout_marginTop="5dp"
          android:text="周二"
          android:textColor="#7597B3" />
      </LinearLayout>
    </RelativeLayout>
    <RelativeLayout
      android:id="@+id/layout3"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1">

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

        <TextView
          android:id="@+id/text3"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center_horizontal"
          android:layout_marginTop="5dp"
          android:text="周三"
          android:textColor="#7597B3" />
      </LinearLayout>
    </RelativeLayout>
    <RelativeLayout
      android:id="@+id/layout4"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1">
      <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:orientation="vertical">
        <TextView
          android:id="@+id/text4"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center_horizontal"
          android:layout_marginTop="5dp"
          android:text="周四"
          android:textColor="#7597B3" />
      </LinearLayout>
    </RelativeLayout>
    <RelativeLayout
    android:id="@+id/layout5"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1">
    <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_centerVertical="true"
      android:orientation="vertical">
      <TextView
        android:id="@+id/text5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="5dp"
        android:text="周五"
        android:textColor="#7597B3" />
    </LinearLayout>
  </RelativeLayout>
    <RelativeLayout
      android:id="@+id/layout6"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1">
      <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:orientation="vertical">
        <TextView
          android:id="@+id/text6"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center_horizontal"
          android:layout_marginTop="5dp"
          android:text="周六"
          android:textColor="#7597B3" />
      </LinearLayout>
    </RelativeLayout>
    <RelativeLayout
      android:id="@+id/layout7"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1">
      <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:orientation="vertical">
        <TextView
          android:id="@+id/text7"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center_horizontal"
          android:layout_marginTop="5dp"
          android:text="周日"
          android:textColor="#7597B3" />
      </LinearLayout>
    </RelativeLayout>
  </LinearLayout>

</LinearLayout>

显示课程表的详细信息代码如下（Fragment内的内容）：

<?xml version="1.0" encoding="utf-8"?>
<!--模仿课程表的界面-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:background="@drawable/qq5">
  <!--显示时间-->
  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/white">
    <TextView
      android:id="@+id/year"
      android:layout_width="wrap_content"
      android:layout_height="50dp"
      android:layout_gravity="center"
      android:gravity="center"
      android:layout_marginLeft="20dp"
      android:textSize="20dp"
      android:text="2020-2021"/>

    <View
      android:layout_width="1dp"
      android:layout_height="match_parent"
      android:layout_marginLeft="20dp"
      android:layout_marginTop="10dp"
      android:layout_marginBottom="10dp"
      android:background="#00FFFF"
      />
    <TextView
      android:id="@+id/te1"
      android:text="第八周"
      android:gravity="center"
      android:textColor="@color/colorPrimary"
      android:textSize="25dp"
      android:layout_width="match_parent"
      android:layout_height="match_parent"/>

  </LinearLayout>

  <View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="#00FF7F"/>
  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:background="@android:color/white">
    <TextView
      android:layout_width="25dp"
      android:layout_height="match_parent"/>
    <TextView
      android:layout_width="54dp"
      android:layout_height="match_parent"
      android:text="周一"
      android:textSize="20dp"
      android:textColor="@color/colorPrimaryDark"
      android:gravity="center"/>
    <TextView
      android:layout_width="54dp"
      android:layout_height="match_parent"
      android:text="周二"
      android:textSize="20dp"
      android:textColor="@color/colorPrimaryDark"
      android:gravity="center"/>
    <TextView
      android:layout_width="54dp"
      android:layout_height="match_parent"
      android:text="周三"
      android:textSize="20dp"
      android:textColor="@color/colorPrimaryDark"
      android:gravity="center"/>
    <TextView
      android:layout_width="54dp"
      android:layout_height="match_parent"
      android:text="周四"
      android:textSize="20dp"
      android:textColor="@color/colorPrimaryDark"
      android:gravity="center"/>
    <TextView
      android:layout_width="54dp"
      android:layout_height="match_parent"
      android:text="周五"
      android:textSize="20dp"
      android:textColor="@color/colorPrimaryDark"
      android:gravity="center"/>
    <TextView
      android:layout_width="54dp"
      android:layout_height="match_parent"
      android:text="周六"
      android:textSize="20dp"
      android:textColor="@color/colorPrimaryDark"
      android:gravity="center"/>
    <TextView
      android:layout_width="54dp"
      android:layout_height="match_parent"
      android:text="周日"
      android:textSize="20dp"
      android:textColor="@color/colorPrimaryDark"
      android:gravity="center"/>
  </LinearLayout>
  <ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent">
      <LinearLayout
        android:layout_width="25dp"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center">
        <TextView
          android:layout_width="wrap_content"
          android:layout_height="92dp"
          android:text="一"
          android:textSize="12dp"
          android:gravity="center"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="@color/colorPrimaryDark"/>
        <TextView
          android:layout_width="wrap_content"
          android:layout_height="92dp"
          android:textSize="12dp"
          android:text="二"
          android:gravity="center"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="@color/colorPrimaryDark"/>
        <TextView
          android:layout_width="wrap_content"
          android:layout_height="92dp"
          android:textSize="12dp"
          android:text="三"
          android:gravity="center"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="@color/colorPrimaryDark"/>
        <TextView
          android:layout_width="wrap_content"
          android:layout_height="92dp"
          android:textSize="12dp"
          android:text="四"
          android:gravity="center"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="@color/colorPrimaryDark"/>
        <TextView
          android:layout_width="wrap_content"
          android:layout_height="92dp"
          android:textSize="12dp"
          android:text="五"
          android:gravity="center"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="@color/colorPrimaryDark"/>

        <TextView
          android:layout_width="wrap_content"
          android:layout_height="92dp"
          android:gravity="center"
          android:text="六"
          android:textSize="12dp" />
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="@color/colorPrimaryDark"/>
        <TextView
          android:layout_width="wrap_content"
          android:layout_height="92dp"
          android:gravity="center"
          android:text="七"
          android:textSize="12dp" />
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="@color/colorPrimaryDark"/>
        <TextView
          android:layout_width="wrap_content"
          android:layout_height="92dp"
          android:gravity="center"
          android:text="八"
          android:textSize="12dp" />
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="@color/colorPrimaryDark"/>
        <TextView
          android:layout_width="wrap_content"
          android:layout_height="92dp"
          android:gravity="center"
          android:text="九"
          android:textSize="12dp" />
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="@color/colorPrimaryDark"/>
        <TextView
          android:layout_width="wrap_content"
          android:layout_height="92dp"
          android:gravity="center"
          android:text="十"
          android:textSize="12dp" />

      </LinearLayout>
      <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="#E5E5E5"/>
      <LinearLayout
        android:layout_width="54dp"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
          android:layout_width="match_parent"
          android:layout_height="185dp"
          android:id="@+id/o_text1"
          android:background="#00FFFF"
          android:text="乒乓球@地下室一层"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/o_tex2"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:background="#00FFFF"
          android:text="面向对象程序设计@4号楼"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/o_tex3"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:background="#00FFFF"
          android:text="大学体育@A区游泳馆"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/o_tex4"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:background="#00FFFF"
          android:text="面向对象程序设计@3号楼"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/o_tex5"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>

      </LinearLayout >

      <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="#E5E5E5"/>
      <LinearLayout
        android:layout_width="54dp"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
          android:layout_width="match_parent"
          android:layout_height="185dp"
          android:id="@+id/t_text1"
          android:text="高等数学@3号楼"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/t_tex2"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:text="大学英语@汇文楼"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/t_tex3"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:text="大学物理@3号楼"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/t_tex4"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:text="电路与电子技术@3号楼"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/t_tex5"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>

      </LinearLayout >
      <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="#E5E5E5"/>
      <LinearLayout
        android:layout_width="54dp"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
          android:layout_width="match_parent"
          android:layout_height="185dp"
          android:id="@+id/th_text1"
          android:text="电路与电子技术@4号楼"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/th_tex2"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:text="大学英语@3号楼"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/th_tex3"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/th_tex4"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/th_tex5"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:text="形式与政策@汇文楼"
          android:textSize="23dp"/>
      </LinearLayout >
      <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="#E5E5E5"/>
      <LinearLayout
        android:layout_width="54dp"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
          android:layout_width="match_parent"
          android:layout_height="185dp"
          android:id="@+id/f_text1"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/f_tex2"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/f_tex3"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:text="电路与电子技术@3号楼"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/f_tex4"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/f_tex5"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
      </LinearLayout >
      <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="#E5E5E5"/>
      <LinearLayout
        android:layout_width="54dp"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
          android:layout_width="match_parent"
          android:layout_height="185dp"
          android:id="@+id/fi_text1"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/fi_tex2"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:text="高等数学@3号楼"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>

        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/fi_tex4"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/fi_tex5"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
      </LinearLayout >
      <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="#E5E5E5"/>
      <LinearLayout
        android:layout_width="54dp"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
          android:layout_width="match_parent"
          android:layout_height="185dp"
          android:id="@+id/s_text1"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/s_tex2"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/s_tex3"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:text="大学生心理健康教育"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/s_tex4"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/s_tex5"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
      </LinearLayout >
      <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="#E5E5E5"/>
      <LinearLayout
        android:layout_width="54dp"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
          android:layout_width="match_parent"
          android:layout_height="185dp"
          android:id="@+id/se_text1"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/se_tex2"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/se_tex3"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/se_tex4"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>
        <View
          android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="#E5E5E5"/>
        <TextView
          android:id="@+id/se_tex5"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp"/>

        <TextView
          android:id="@+id/fi_tex3"
          android:layout_width="50dp"
          android:layout_height="185dp"
          android:textSize="23dp" />
      </LinearLayout >
      <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="#E5E5E5"/>
    </LinearLayout>
  </ScrollView>

</LinearLayout>

总结

我上面使用了Fragment，在Fragment中写课程信息。是因为我要实现底部导航栏，如果是直接写一个界面，可把Fragment内的内容直接写在第一个LinearLayout中。

android实现上下左右滑动界面布局

本文实例为大家分享了android实现滑动界面布局的具体代码,供大家参考,具体内容如下 1.我使用的是ScrollView嵌套HorizontalScrollView让ScrollView负责上下滑动HorizontalScrollView负责左右滑动 2.以下代码提供了思路和完成手段,请根据具体业务去进行修改,我试过使用recyclerview进行自定义,发现一旦有了复杂业务之后会掉帧卡顿所以使用了这种方法 XML布局 <?xml version="1.0" encoding=
Android开发菜单布局之表格布局示例

本文实例讲述了Android开发菜单布局之表格布局.分享给大家供大家参考,具体如下: 多用于静态菜单页面 xml代码代码内带详细解释 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.andro
Android 自定义View实现任意布局的RadioGroup效果

前言 RadioGroup是继承LinearLayout,只支持横向或者竖向两种布局.所以在某些情况,比如多行多列布局,RadioGroup就并不适用 . 本篇文章通过继承RelativeLayout实现自定义RadioGroup,实现RadioButton的任意布局.效果图如下: 代码(RelativeRadioGroup) /** * Author : BlackHao * Time : 2018/10/26 10:46 * Description : 自定义 RadioGroup */ p
Android布局生成分享图片代码实例

首先, 第一次写博客,也不知道说点什么.写的不好的地方希望大家能理解一下! 然后,说一说自己的艰苦过程!因为没有写过这个功能,而公司又强需此功能,我也只好硬着头皮在网上艰苦的寻找此类功能.找了2天,最后还是找到了一篇类似的文章,经过一些修改终于是实现了此功能! 核心类: package app.makemone.ky.com.testapplication; import android.graphics.Bitmap; import android.graphics.Canvas; i
android 中使用TableLayout实现表单布局效果示例

使用TableLayout表格布局实现表单效果 1.核心知识点 android:divider="@drawable/table_v_divider" android:showDividers="middle|beginning|end" 2.样式代码 style样式 <?xml version="1.0" encoding="utf-8"?> <resources> <!--灰色8a8a8a18
Android控件CardView实现卡片布局

CardView介绍 CardView是Android 5.0系统引入的控件,相当于FragmentLayout布局控件然后添加圆角及阴影的效果:CardView被包装为一种布局,并且经常在ListView和RecyclerView的Item布局中,作为一种容器使用.CardView应该被使用在显示层次性的内容时:在显示列表或网格时更应该被选择,因为这些边缘可以使得用户更容易去区分这些内容. 使用先看效果首先在build.gradle文件添加依赖库 dependencies { compil
Android开发高仿课程表的布局实例详解

先说下这个demo,这是一个模仿课程表的布局文件,虽然我是个菜鸟,但我还是想留给学习的人一些例子,先看下效果然后再来看一下我们学校的app 布局分析先上一张划分好了的布局图首先整个页面放在一个LinearLayout布局下面,分为上面和下面两个部分,下面一个是显示课程表的详细信息 1:这个没什么好讲的,就是直接一个LinearLayout布局,然后将控件一个TextView用来显示年份,一个View用来当作竖线,一个Spinner用来显示选择周数 2:这个是显示星期几的部件,是我自定义的V
Android课程表界面布局实现代码

前言 Android课程表布局实现我是个菜鸟,文章供参考示例图1: 图2: 布局分析该界面主要可分为三部分: 1.显示年份及周数部分 2.显示周一到周日 3.课程显示部分实现步骤 1.首先整个页面放在一个LinearLayout布局下面,分为上面和下面两个部分,下面一个是显示课程表的详细信息 2.将控件一个TextView用来显示年份,一个View用来当作竖线,再用一个LinearLayout用来显示选择周数 3.使用ScrollView来显示课程表的详细信息话不多说直接给代码!!!
Android登录界面的实现代码分享

最近由于项目需要,宝宝好久没搞Android啦,又是因为项目需要,现在继续弄Android,哎,说多了都是泪呀,别的不用多说,先搞一个登录界面练练手,登录界面可以说是Android项目中最常用也是最基本的,如果这个都搞不定,那可以直接去跳21世纪楼啦. 废话不多说,先上效果图了,如果大家感觉还不错,请参考实现代码吧. 相信这种渣渣布局对很多人来说太简单啦,直接上布局: <RelativeLayout xmlns:android="http://schemas.android.com/apk
Android用户注册界面

推荐阅读:Android如何通过手机获取验证码来完成注册功能先给大家展示下界面效果图,感觉满意,请参考实现代码. Main.xml源码 <?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_par
Android自定义手机界面状态栏实例代码

前言我们知道IOS上的应用,状态栏的颜色总能与应用标题栏颜色保持一致,用户体验很不错,那安卓是否可以呢?若是在安卓4.4之前,答案是否定的,但在4.4之后,谷歌允许开发者自定义状态栏背景颜色啦,这是个不错的体验!若你手机上安装有最新版的qq,并且你的安卓SDK版本是4.4及以上,你可以看下它的效果: 实现这个效果有两个方法: 1.在xml中设置主题或自定义style: Theme.Holo.Light.NoActionBar.TranslucentDecor Theme.Holo.NoActi
Android使用ViewDragHelper实现QQ6.X最新版本侧滑界面效果实例代码

(一).前言: 这两天QQ进行了重大更新(6.X)尤其在UI风格上面由之前的蓝色换成了白色居多了,侧滑效果也发生了一些变化,那我们今天来模仿实现一个QQ6.X版本的侧滑界面效果.今天我们还是采用神器ViewDragHelper来实现. 本次实例具体代码已经上传到下面的项目中,欢迎各位去star和fork一下. https://github.com/jiangqqlmj/DragHelper4QQ FastDev4Android框架项目地址:https://github.com/jiangqqlm
Android 使用Fragment模仿微信界面的实例代码

什么是Fragment 自从Android 3.0中引入fragments 的概念,根据词海的翻译可以译为:碎片.片段.其目的是为了解决不同屏幕分辩率的动态和灵活UI设计.大屏幕如平板小屏幕如手机,平板电脑的设计使得其有更多的空间来放更多的UI组件,而多出来的空间存放UI使其会产生更多的交互,从而诞生了fragments . fragments 的设计不需要你来亲自管理view hierarchy 的复杂变化,通过将Activity 的布局分散到frament 中,可以在运行时修改activit
Android用ActionBar高仿微信主界面的实例代码

经过前面两篇文章的学习,我想大家对ActionBar都已经有一个相对较为深刻的理解了.唯一欠缺的是,前面我们都只是学习了理论知识而已,虽然知识点已经掌握了,但是真正投入到项目实战当中时会不会掉链子还很难说.那么不用担心,本篇文章我就将带领大家一起进入ActionBar的应用实战,将理论和实践完美结合到一起. 如果你还没有看过我的前两篇文章,建议先去阅读一下 Android ActionBar完全解析使用官方推荐的最佳导航栏(上)和 Android ActionBar完全解析使用官方推荐的最佳导航
Android Studio实现简单的QQ登录界面的示例代码

一.项目概述 QQ是我们日常生活使用最多的软件之一,包含登录界面和进入后的聊天界面.好友列表界面和空间动态界面等.登录界面的制作比较简单,主要考验布局的使用,是实现QQ项目的第一步.现在APP开发的首要工作都是实现登录页面,所以学会了QQ登录界面对以后的软件开发有着很重要的作用. 二.开发环境三.详细设计 1.头像设计首先在layout文件里面选择了RelativeLayout(相对布局)作为整个页面的布局. 在顶端放置了一个ImageView控件,宽度和高度设置的都是70dp,水平居中设置

Android课程表界面布局实现代码

相关推荐

随机推荐