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

前言

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中。

时间: 2020-10-07

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

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

Android布局生成分享图片代码实例

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

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控件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 中使用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中设置组件半透明和透明的效果示例

本文介绍了Android是如何设置组件半透明和透明的效果,分享出来供大家参考,下面来看看详细的介绍: 1.Button或者ImageButton的背景设为透明或者半透明 半透明 <Button android:background="#e0000000" ... /> 透明 <Button android:background="#00000000" ... /> 颜色和不透明度 (alpha) 值以十六进制表示法表示.任何一种颜色的值范围都

Bootstrap表单布局样式源代码

Bootstrap提供了三种表单布局:垂直表单,内联表单和水平表单 创建垂直或基本表单: •·向父 <form> 元素添加 role="form". •·把标签和控件放在一个带有 class .form-group 的 <div> 中.这是获取最佳间距所必需的. •·向所有的文本元素 <input>.<textarea> 和 <select> 添加 class .form-control 内联表单: 内联表单中所有元素都向左对

BootStrap智能表单实战系列(四)表单布局介绍

什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 表单的布局分为自动布局和自定义布局两种: 自动布局就是根据配置项中第二级配置项中数组的长度来自动使用不同的bootstrap栅格,通过设置autoLayout为true可以实现自动布局 自动以布局就是根据autoLayout来决定使用的栅格,通过设置autoLayout:'1,2,1,2,2,4' 表示 第一.二列占3格

第七篇Bootstrap表单布局实例代码详解(三种表单布局)

Bootstrap提供了三种表单布局:垂直表单,内联表单和水平表单.下面逐一给大家介绍,有兴趣的朋友一起学习吧. 创建垂直或基本表单: •·向父 <form> 元素添加 role="form". •·把标签和控件放在一个带有 class .form-group 的 <div> 中.这是获取最佳间距所必需的. •·向所有的文本元素 <input>.<textarea> 和 <select> 添加 class .form-cont

Bootstrap三种表单布局的使用方法

Bootstrap提供了三种表单布局:垂直表单,内联表单和水平表单  创建垂直或基本表单:  •·向父 <form> 元素添加 role="form".  •·把标签和控件放在一个带有 class .form-group 的 <div> 中.这是获取最佳间距所必需的.  •·向所有的文本元素 <input>.<textarea> 和 <select> 添加 class .form-control <form role=&

Bootstrap表单布局

Bootstrap 提供了下列类型的表单布局: •垂直表单(默认) -> 这个不好看,都是手机版了,PC版占一排不好看: •内联表单 -> 我相信这个才是你想要的,PC版响应横排,手机版响应竖排. •水平表单 -> 用栅格系统控制显示 一.垂直表单 垂直表单使用的标准步骤 1.<form> 元素添加 role="form". 2.把标签和控件放在一个带有"form-group"的<div> 中,获取最佳间距. 3.向所有的文

Android实现Ant Design 自定义表单组件

Ant Design 组件提供了Input,InputNumber,Radio,Select,uplod等表单组件,但实际开发中这是不能满足需求,同时我们希望可以继续使用Form提供的验证和提示等方法(使用起来确实很爽),这时需要自己动手封装一些表单,同时我们还要保持方法可以继续是使用. 组件的源码    https://github.com/haozhaohang/ant-design-expand-component 下面看一下如何自己封装表单组件,这是一个最基础的表单使用例子: impor

python GUI库图形界面开发之PyQt5表单布局控件QFormLayout详细使用方法与实例

PyQt5布局控件QFormLayout简介 QFormLayout是label-field式的表单布局,顾明思议,就是实现表单方式的布局,表单是提示用户进行交互的一种模式,主要有两列组成,第一列用于显示信息,给用户提示,一般叫做label域,第二列需要用户进行选择或输入,一般叫做field域,label与field的关系就是label关联field QFormLayout表单布局的使用实例 import sys from PyQt5.QtWidgets import QApplication

angular4中关于表单的校验示例

本章中介绍响应式表单的创建及表单输入值的校验,对于模板表单就略过. 一.使用响应式表单的步骤 1.在模块(一般是app.module.ts)中引入ReactiveFormsModule 2.在组件的ts文件中使用响应式表单 import { FormGroup, FormBuilder, Validators, FormControl } from '@angular/forms'; export class ReactiveFormComponent implements OnInit { p