`
uule
  • 浏览: 6342088 次
  • 性别: Icon_minigender_1
  • 来自: 一片神奇的土地
社区版块
存档分类
最新评论

android排版布局学习

 
阅读更多

Android开发学习之路--UI之基本布局

android使用shape stroke描边只保留底部

RadioGroup的使用

 

一、项目粮仓

粮仓学习:

liangcang:

启动页面:act_start.xml

toolbar: widget_foot_main_rgs.xml    RadioButton

<RadioButton

        android:id="@+id/main_bottom_shop"

        android:layout_width="0dp"

        android:layout_height="match_parent"

        android:layout_weight="1"

        android:button="@null"

        android:gravity="center"

android:text="@string/rb_shop"

        android:drawableTop="@drawable/slt_rb_shop"/>

 

        android:padding="8dp"

        android:textColor="@color/text_rb_main"

        android:textSize="14sp" />

  

登录:login.xml

登录注册选择页:login_register.xml

顶部搜索:layout_sliding_list_header.xml

顶部后退+分享:widget_special_title.xml

底部TOOLBar:widget_foot_man.xml

6个大图片:fmt_gift.xml

 

1、Login.xml页面:

效果图


 

分析:

全局 一个RelativeLayout

顶部返回+标题+关闭 一个RelativeLayout

中间用户名、密码分别一个RelativeLayout

忘记密码和底部的登录直接两个BUTTON

 

布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <!-- 头部返回+标题+关闭 -->
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="27.199982dip">

        <ImageView
            android:id="@+id/back"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_marginLeft="23.799988dip"
            android:src="@mipmap/back" />
        <!-- mipmap-xxhdpi里的back.png图片 -->

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="头部标题"
            android:textColor="@color/white"
            android:textSize="19.0sp" />

        <ImageView
            android:id="@+id/close"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:layout_marginRight="23.799988dip"
            android:src="@mipmap/chahao" />

    </RelativeLayout>

    <!-- 用户名 -->
    <RelativeLayout
        android:id="@+id/username_layout"
        android:layout_width="fill_parent"
        android:layout_height="47.0dip"
        android:layout_marginLeft="35.799988dip"
        android:layout_marginRight="35.799988dip"
        android:layout_marginTop="83.79999dip"
        android:background="@drawable/stroke_white">
        <!--
        注意此处不是stroke_white.png图片,是在drawable文件夹中的stroke_white.xml文件
        内容见后面,设置的是用户名这行的外边框
        -->

        <ImageView
            android:id="@+id/icon_user"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:padding="12.0dip"
            android:src="@mipmap/icon_user" />

        <!-- 中间竖型分隔符 -->
        <View
            android:id="@+id/divider"
            android:layout_width="1.0dip"
            android:layout_height="30.0dip"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/icon_user"
            android:background="#ffffffff" />

        <EditText
            android:id="@+id/userName"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10.0dip"
            android:layout_marginRight="10.0dip"
            android:layout_toRightOf="@+id/divider"
            android:background="@android:color/transparent"
            android:hint="@string/login_namehint"
            android:singleLine="true"
            android:text=""
            android:textColor="@color/white" />
    </RelativeLayout>


    <!-- 密码行 -->
    <RelativeLayout
        android:id="@+id/password_layout"
        android:layout_width="fill_parent"
        android:layout_height="47.0dip"
        android:layout_below="@+id/username_layout"
        android:layout_marginLeft="35.799988dip"
        android:layout_marginRight="35.799988dip"
        android:layout_marginTop="13.799988dip"
        android:background="@drawable/stroke_white">

        <ImageView
            android:id="@+id/icon_password"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:padding="12.0dip"
            android:src="@mipmap/icon_password" />

        <View
            android:id="@+id/divider2"
            android:layout_width="1.0dip"
            android:layout_height="30.0dip"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/icon_password"
            android:background="#ffffffff" />

        <EditText
            android:id="@+id/password"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10.0dip"
            android:layout_marginRight="10.0dip"
            android:layout_toRightOf="@+id/divider2"
            android:background="@android:color/transparent"
            android:hint="请输入密码"
            android:inputType="textPassword"
            android:drawableRight="@mipmap/eye_off"
            android:singleLine="true"
            android:text=""
            android:textColor="@color/white" />

        <!-- @android:color/transparent 为colors.xml文件中的transparent -->
    </RelativeLayout>

    <Button
        android:id="@+id/forgetPassword"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/password_layout"
        android:layout_below="@+id/password_layout"
        android:layout_marginTop="13.799988dip"
        android:background="@null"
        android:text="忘记了密码?"
        android:textColor="#ffffffff" />
    <!-- android:background="@null" 表示背景透明 -->

    <Button
        android:id="@+id/login"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/password_layout"
        android:layout_marginLeft="35.799988dip"
        android:layout_marginRight="35.799988dip"
        android:layout_marginTop="50.5dip"
        android:background="#ff25292e"
        android:padding="10.0dip"
        android:text="登录"
        android:textColor="#ffffffff"
        android:textSize="17.799988sp" />
</RelativeLayout>

 

stroke_white.xml文件内容:

<?xml version="1.0" encoding="utf-8"?>
<shape  xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="1.1999817dip" android:color="#ffffffff" />
</shape>

 

2、login_register.xml页面 

可以先从底部排列,底部定位好后依次往上。

页面:


 

布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <!-- 底部第三方登录
    改为RelativeLayout布局后图标缩到一块了
    -->
    <LinearLayout
        android:id="@+id/third_login"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="33.799988dip"
        android:orientation="horizontal">

        <ImageButton
            android:id="@+id/loginApp_tencentQQ"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="17.799988dip"
            android:background="@null"
            android:scaleType="center"
            android:src="@mipmap/app_tencent_qq" />

        <ImageButton
            android:id="@+id/loginApp_weibo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="17.799988dip"
            android:background="@null"
            android:scaleType="center"
            android:src="@mipmap/app_weibo" />

        <ImageButton
            android:id="@+id/loginApp_Douban"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="17.799988dip"
            android:background="@null"
            android:scaleType="center"
            android:src="@mipmap/app_douban" />

        <ImageButton
            android:id="@+id/loginApp_tecentWeixin"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@null"
            android:scaleType="center"
            android:src="@mipmap/app_tencent_weixin" />
    </LinearLayout>


    <TextView
        android:id="@+id/social_login_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/third_login"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="19.199982dip"
        android:text="社交账号登录:"
        android:textColor="#ffffffff"
        android:textSize="13.799988sp" />

    <Button
        android:id="@+id/login"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/social_login_text"
        android:layout_marginBottom="27.199982dip"
        android:layout_marginLeft="35.799988dip"
        android:layout_marginRight="35.799988dip"
        android:background="#ff25292e"
        android:padding="10.0dip"
        android:text="登录"
        android:textColor="#ffffffff"
        android:textSize="17.799988sp" />

    <!-- 因为注册后面有个图标,所以得套个布局文件 -->
    <RelativeLayout
        android:id="@+id/register_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/login"
        android:layout_marginBottom="13.799988dip"
        android:layout_marginLeft="35.799988dip"
        android:layout_marginRight="35.799988dip">

        <Button
            android:id="@+id/register"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#ffffffff"
            android:padding="10.0dip"
            android:text="注册"
            android:textColor="#ff333333"
            android:textSize="17.799988sp" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="10.0dip"
            android:src="@mipmap/register_bonus" />
    </RelativeLayout>

    <!-- 注册上面哪行靠右小字 -->
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/register_layout"
        android:layout_alignRight="@+id/register_layout"
        android:layout_marginBottom="2.0dip"
        android:layout_marginRight="-7.5dip"
        android:src="@mipmap/register_bonus_tip" />

    <!-- LOGO图片 -->
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="130.0dip"
        android:scaleType="fitXY"
        android:src="@mipmap/icon_large" />

    <!-- 关闭 -->
    <ImageView
        android:id="@+id/close"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_marginRight="23.799988dip"
        android:layout_marginTop="27.199982dip"
        android:src="@mipmap/chahao" />
</RelativeLayout>

 。。

 

3、顶部搜索:layout_sliding_list_header.xml

页面:


 

布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:background="@drawable/behind_sliding_edit_bg">
    <!-- 因为顶部都是搜索框,所以直接在布局中定义白色搜索框背景 -->


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

        <!-- 放大镜 -->
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/behind_sliding_search" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_gravity="center"
            android:text="@string/research_goods"
            android:textColor="@color/gray"
            android:textSize="@dimen/text_size_14sp" />
    </LinearLayout>
</RelativeLayout>

 

。。

 

4、顶部后退+分享:widget_special_title.xml

直接线性布局一个一个列下来



 

布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout_title"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="@color/black"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/iv_special_title_left"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="5dp"
        android:src="@mipmap/actionbar_navigation_back"/>

    <TextView
        android:id="@+id/tv_special_title"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:layout_marginLeft="30dp"
        android:gravity="center"
        android:singleLine="true"
        android:textColor="@color/gainsboro"
        android:textSize="@dimen/text_size_16sp"
        android:text="标题"/>

    <ImageView
        android:id="@+id/iv_special_title_like"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_gravity="center_vertical"
        android:layout_marginRight="5dp"
        android:src="@mipmap/topic_nofavour"/>
    <ImageView
        android:id="@+id/iv_special_title_right"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_gravity="center_vertical"
        android:layout_marginRight="5dp"
        android:src="@mipmap/forward"/>
</LinearLayout>

 。。。

 

5、Toolbar

注意颜色textColor、背景drawableTop分别是配在XML文件里,并且有选中和非选中两种

页面:


 

布局:

<?xml version="1.0" encoding="utf-8"?>
<RadioGroup
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main_rgs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:checkedButton="@+id/main_bottom_shop"
    android:orientation="horizontal">
    <!-- android:checkedButton默认选中项的ID,此处为第一个 -->


    <RadioButton
        android:id="@+id/main_bottom_shop"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:button="@null"
        android:gravity="center"
        android:padding="8dp"
        android:textColor="@color/text_rb_main"
        android:textSize="14sp"
        android:text="@string/rb_shop"
        android:drawableTop="@drawable/slt_rb_shop"/>
    <!--
       注意此处android:drawableTop="@drawable/slt_rb_shop"中slt_rb_shop不为图片,
       是在drawable文件夹下的slt_rb_shop.xml文件, 分别标明了此项选中和非选中时的图片,
       内容如下
       <?xml version="1.0" encoding="utf-8"?>
        <selector xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:state_checked="true" android:drawable="@mipmap/shop_selected"/>
            <item android:state_checked="false" android:drawable="@mipmap/shop"/>
        </selector>


        注意此处android:textColor="@color/text_rb_main" 为res/color文件夹中的
        text_rb_main文件,分别标明了选中和非选中的文字颜色

        <?xml version="1.0" encoding="utf-8"?>
        <selector xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:state_checked="false" android:color="@color/gray" />
            <item android:state_checked="true" android:color="@color/gainsboro" />
        </selector>
     -->


    <RadioButton
        android:id="@+id/main_bottom_magazine"
        style="@style/Widget.RadioButtonStyle"
        android:drawableTop="@drawable/slt_rb_mgz"
        android:text="@string/rb_magazine" />
    <!--
     注意此处style="@style/Widget.RadioButtonStyle" 为公共样式,第一个提取出来为了分析属性
     内容在values/文件夹下的styles.xml文件里,其他如第一个

     <style name="Widget.RadioButtonStyle">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">1</item>
        <item name="android:layout_height">match_parent</item>
        <item name="android:button">@null</item>
        <item name="android:gravity">center</item>
        <item name="android:padding">8dp</item>
        <item name="android:textColor">@color/text_rb_main</item>
        <item name="android:textSize">@dimen/text_size_14sp</item>
    </style>
     -->

    <RadioButton
        android:id="@+id/main_bottom_share"
        style="@style/Widget.RadioButtonStyle"
        android:drawableTop="@drawable/slt_rb_share"
        android:text="@string/rb_share" />

    <RadioButton
        android:id="@+id/main_bottom_master"
        style="@style/Widget.RadioButtonStyle"
        android:drawableTop="@drawable/slt_rb_master"
        android:text="@string/rb_master" />

    <RadioButton
        android:id="@+id/main_bottom_my"
        style="@style/Widget.RadioButtonStyle"
        android:drawableTop="@drawable/slt_rb_my"
        android:text="@string/rb_persional" />
</RadioGroup>

 

6、相对定位学习:

页面:


 

布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout  xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">

    <!-- TITLE -->
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:orientation="horizontal"
        android:background="#225EF2"
        android:layout_marginTop="0dip">

        <ImageView
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="10dip"
            android:layout_marginTop="10dp"
            android:src="@mipmap/order_back" />

        <TextView
            android:id="@+id/reg_title"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:textColor="#ffffff"
            android:textSize="16sp"
            android:text="确认抢单"/>
    </RelativeLayout>



    <!-- 车辆INFO-->
    <LinearLayout
        android:id="@+id/car_info_model"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:gravity="center"
        android:orientation="horizontal"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="50dp"
        android:layout_marginBottom="5dp"
        android:background="@color/order_detail_model_bg">

        <TextView
            android:id="@+id/car_info"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="0dp"			
            android:gravity="center"
            android:singleLine="true"
            android:textColor="#333333"
            android:textSize="16sp"
            android:textStyle="bold"
            android:text="车辆信息"/>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="right" >

            <ImageView
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20.0dip"
                android:src="@mipmap/icon_more" />
        </LinearLayout>
    </LinearLayout>

    <View
        android:id="@+id/divider1"
        android:layout_height="0.35dp"
        android:layout_width="match_parent"
        android:background="@color/order_detail_label"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_below="@+id/car_info_model"
        />

		
	<!-- 本次学习的布局 -->
    <RelativeLayout
        android:id="@+id/car_detail"
        android:layout_width="fill_parent"
        android:layout_height="60dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="5dp"
        android:layout_below="@+id/divider1"
        android:background="@color/order_detail_model_bg">

        <!-- Line 1 -->
		<!-- 通过android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
				这两个布局定位后,其他依次layout_below、layout_toRightOf-->	
		
        <TextView
            android:id="@+id/car_no_l"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_centerVertical="true"
			
            android:layout_marginLeft="0dip"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="10dp"
            android:textColor="@color/order_detail_label"
            android:textSize="14sp"
            android:text="车牌号:"/>

        <TextView
            android:id="@+id/car_no"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/car_no_l"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="10dp"
            android:gravity="center"
            android:textColor="@color/order_detail_label"
            android:textSize="14sp"
            android:text="深HB00000"/>

        <TextView
            android:id="@+id/car_type_label"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="100dp"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
			
            android:layout_marginTop="5dp"
            android:layout_marginBottom="10dp"
            android:textColor="@color/order_detail_label"
            android:textSize="14sp"
            android:text="车型:"/>

        <TextView
            android:id="@+id/car_type"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="10dp"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="10dp"
            android:textColor="@color/order_detail_label"
            android:textSize="14sp"
            android:text="重型版牵引车"/>

			
      <!-- Line 2 -->
       <TextView
           android:id="@+id/car_user_label"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_alignParentLeft="true"
           android:layout_centerVertical="true"
           android:layout_marginLeft="0dp"
           android:layout_below="@+id/car_no_l"
           android:textColor="@color/order_detail_label"
           android:textSize="14sp"
           android:text="司机:"/>

       <TextView
           android:id="@+id/car_user"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_toRightOf="@+id/car_user_label"
           android:layout_below="@+id/car_no_l"
           android:textColor="@color/order_detail_label"
           android:textSize="14sp"
           android:text="李吉海"/>

       <TextView
           android:id="@+id/car_user_tel_label"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_marginRight="100dp"
           android:layout_alignParentRight="true"
           android:layout_below="@+id/car_type_label"
           android:textColor="@color/order_detail_label"
           android:textSize="14sp"
           android:text="手机:"/>

       <TextView
           android:id="@+id/car_user_tel"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_marginRight="10dp"
           android:layout_alignParentRight="true"
           android:layout_below="@+id/car_type"
           android:textColor="@color/order_detail_label"
           android:textSize="14sp"
           android:text="13333333333"/>

    </RelativeLayout>
	
</RelativeLayout>

 

7、线性布局学习

效果:


 

布局:

<?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="match_parent">


    <TextView
        android:id="@+id/nId"
        android:layout_width="wrap_content"
        android:layout_height="1dp"
        android:visibility="invisible"/>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="30dp"
        android:gravity="center"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="5dp"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/strFrom"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="5dp"
            android:gravity="center"
            android:singleLine="true"
            android:ellipsize="end"
            android:maxEms="7"
            android:textColor="#000000"
            android:textSize="14sp"
            android:text="通州煤矿"/>


        <View android:layout_height="1px"
            android:layout_width="30dp"
            android:background="#666666" />

        <TextView
            android:id="@+id/strTo"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="5dp"
            android:gravity="center"
            android:singleLine="true"
            android:textColor="#000000"
            android:textSize="14sp"
            android:text="秋阳站台"/>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="right" >

            <TextView
                android:id="@+id/price"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_marginRight="10dp"
                android:gravity="center"
                android:layout_gravity="right"
                android:singleLine="true"
                android:textColor="#ff7200"
                android:textSize="16sp"
                android:text="43.00元/吨"/>
        </LinearLayout>

    </LinearLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="0dp"
        android:layout_marginBottom="5dp"
        android:gravity="center"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/leftWeight"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="5dp"
            android:gravity="center"
            android:singleLine="true"
            android:textColor="#666666"
            android:textSize="12sp"
            android:text="剩余324.50吨"/>


        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="right">

            <TextView
                android:id="@+id/lift"
                android:layout_width="80dp"
                android:layout_height="match_parent"
                android:layout_marginLeft="0dp"
                android:layout_gravity="right"
                android:gravity="center"
                android:singleLine="true"
                android:textColor="#666666"
                android:textSize="12sp"
                android:text="最晚装货:"/>

            <TextView
                android:id="@+id/lastLiftTime"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_marginRight="0dp"
                android:layout_gravity="right"
                android:gravity="center"
                android:singleLine="true"
                android:textColor="#666666"
                android:textSize="12sp"
                android:text="2018-05-31  18 : 00 : 23"/>
        </LinearLayout>


    </LinearLayout>
</LinearLayout>

 

 。。。

 

  • 大小: 38.5 KB
  • 大小: 91.3 KB
  • 大小: 41.5 KB
  • 大小: 40.5 KB
  • 大小: 47.9 KB
  • 大小: 21.8 KB
  • 大小: 17.8 KB
分享到:
评论

相关推荐

    android排版布局属性

    以下是对给定文件中提到的Android排版布局属性的详细解析,包括相对布局属性、控件之间位置大小属性以及填充控件大小属性。 ### 相对布局属性 相对布局允许控件基于其他控件或父容器的位置进行定位。这些属性允许...

    android排版 登陆界面 sqlite

    Android排版主要通过XML文件来设计,这些文件位于项目的res/layout目录下。布局文件定义了屏幕上的控件及其排列方式,常用的布局类型有线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout...

    Android门票布局效果.rar

    在Android开发中,门票布局效果通常是指通过自定义布局或者使用特定的UI组件来实现一种类似于实际门票的视觉效果。这种效果可能包括了门票的边框、阴影、纹理、文字排版等多种元素,旨在增强应用的用户体验和界面...

    Android动态文字排版

    `GridView`是Android SDK中的一个控件,它允许我们将数据以网格的形式展示出来,非常适合用来进行多列布局的排版。在本案例中,我们将探讨如何通过`GridView`来动态地调整文字排版,从2*2的布局切换到3*3的布局。 ...

    android六边形布局

    在Android开发中,为了实现更具创意和独特视觉效果的界面设计,开发者经常需要用到非传统的布局方式,例如六边形布局。六边形布局不同于常见的线性、相对或网格布局,它能够提供一种更加立体和有趣的展示方式,尤其...

    DroidDraw 非常实用的Android排版工具

    DroidDraw支持多种常见的Android布局,包括线性布局(LinearLayout)、相对布局(RelativeLayout)以及帧布局(FrameLayout)。这些布局方式可以满足大部分应用的界面需求。用户可以通过简单的操作,在不同的布局...

    Android流式布局FlowLayout

    在Android开发中,布局管理器是构建...总之,`FlowLayout`是一个实用的自定义布局,为Android开发提供了更多的布局解决方案,尤其是在需要灵活排版和自动换行的场景下。理解和熟练使用它可以极大地提升应用的用户体验。

    Android_布局属性大全

    在Android应用开发过程中,布局是构建用户界面的基础,而`RelativeLayout`作为Android中最常用的布局之一,通过灵活的定位方式为开发者提供了丰富的排版选择。本文将深入探讨`RelativeLayout`及其相关属性,为...

    android textview 文字排版 换行

    在Android开发中,`TextView`是用于展示文本的最基础且重要的组件。它不仅可以显示单行文本,还能处理复杂的文字排版,包括自动换行。本文将深入探讨`TextView`在处理文字排版和换行方面的知识,以及如何优化其性能...

    Android文字竖直排版TextViewVertical(可横向滚动)(转)

    同时,学习并理解自定义视图的绘制流程和Android的图形系统,也是提升Android开发技能的重要环节。 总之,`TextViewVertical`是一个针对特定需求的自定义组件,它扩展了Android的`TextView`功能,实现了竖直文字...

    Android开发TextView排版问题取消自动换行

    在某些场景下,开发者可能需要自定义TextView的行为,比如取消默认的自动换行功能,以便实现一行显示完整内容或者特定的排版效果。本文将详细讲解如何解决TextView的自动换行问题,并结合提供的`CustomTextView.java...

    Android 流式布局实现GridView中item合并

    在Android开发中,有时我们需要创建一个布局,其中的元素可以根据屏幕尺寸动态调整排列方式,以达到类似瀑布流或网格的效果。在这种情况下,流式布局(FlowLayout)就能派上用场,尤其是在实现GridView中item的合并...

    Android 排版TextView

    在Android开发中,TextView是应用界面中最常用的组件之一,它用于显示单行或多行文本。在处理包含中英文的文本时,...在实际项目中,还可以考虑使用开源库,如Android的FlowLayout或第三方排版组件,以简化开发工作。

    android_UI布局设计

    接下来,我们详细介绍Android的一些基本控件及其使用方法,以及如何排版出理想的屏显效果。 首先,要了解Android UI布局的基础是XML布局文件。这些布局文件定义了应用界面的结构,如视图(View)和视图组...

    竖直排版(android)

    在Android开发中,有时我们可能需要实现一种特殊的布局方式,即竖直排版,这通常是出于设计需求或者是为了模仿古代文献的展示效果。本篇将详细介绍如何在Android中实现文字竖直排版,并探讨相关技术点。 首先,...

    android布局单位sp,dp,pt,px的区别

    在Android开发中,为了确保应用在不同屏幕尺寸和密度下的适应性和一致性,使用了多种布局单位,其中最为常见的包括sp、dp(或dip)、pt和px。这些单位各有其特性和应用场景,理解它们之间的差异对于创建响应式和用户...

    Android 布局

    表布局可以灵活组合其他布局,提供更复杂的排版。 5. **GridLayout** 网格布局将视图均匀分布在一个网格中,每个视图占据相同大小的空间。网格布局在API 14及以上版本可用,适合创建整齐的多列布局。 6. **...

    android模仿易信UI布局效果源码

    在Android开发中,模仿流行的移动...通过学习并实践这个“android模仿易信UI布局效果源码”项目,开发者不仅可以提升自己的Android界面设计技能,还能深入了解如何将业务逻辑与视觉效果相结合,打造出用户喜爱的应用。

    Android Studio自动排版的两种实现方式

    因此,学习 Android Studio 自动排版的方法是非常有必要的。今天,我们将介绍 Android Studio 自动排版的两种实现方式。 实现方式一:使用快捷键 Ctrl + Alt + L 在 Android Studio 中,我们可以使用快捷键 Ctrl +...

    Android-TextView换行排版混乱-允许设置SpannableString

    在Android开发中,`TextView`是用于展示文本的最基础且重要的组件。它不仅可以显示静态文本,还能处理复杂的文本格式化,例如字体样式、颜色、链接等。在某些情况下,当我们需要对`TextView`中的文本进行更精细的...

Global site tag (gtag.js) - Google Analytics