zoukankan      html  css  js  c++  java
  • 推荐android布局百分比框架

    githup:https://github.com/JulienGenoud/android-percent-support-lib-sample

    下面是使用方法:

    Android Percent Support Lib Sample :triangular_ruler::triangular_ruler::triangular_ruler:

    Android Arsenal

    I made a sample of the new percent support library.
    You can check official docs reference here and here.
    This library provide percentage based layouts, horizontal and vertical at the same time.

    simple result

    PercentRelativeLayout

    complex result

    PercentRelativeLayout Complex

    How to use :

    just add percent support library to your project

    dependencies {
        compile 'com.android.support:percent:25.3.0'
    }

    ###Supported Layouts :

    ####PercentRelativeLayout

    <android.support.percent.PercentRelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        
        <View
            android:id="@+id/top_left"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_alignParentTop="true"
            android:background="#ff44aacc"
            app:layout_heightPercent="20%"
            app:layout_widthPercent="70%" />
    
        <View
            android:id="@+id/top_right"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_alignParentTop="true"
            android:layout_toRightOf="@+id/top_left"
            android:background="#ffe40000"
            app:layout_heightPercent="20%"
            app:layout_widthPercent="30%" />
    
    
        <View
            android:id="@+id/bottom"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_below="@+id/top_left"
            android:background="#ff00ff22"
            app:layout_heightPercent="80%" />
    </android.support.percent.PercentRelativeLayout>

    ####PercentLinearLayout

    <com.juliengenoud.percentsamples.PercentLinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
         <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="#ff44aacc"
            app:layout_heightPercent="10%"
            app:layout_widthPercent="60%"/>
    
        <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="#ff4400cc"
            app:layout_heightPercent="10%"
            app:layout_widthPercent="70%"/>
    </com.juliengenoud.percentsamples.PercentLinearLayout>

    ####PercentFrameLayout

    <android.support.percent.PercentFrameLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
            <!-- ... XML CODE -->
    </android.support.percent.PercentFrameLayout>

    简单明了。

  • 相关阅读:
    xml 总结(一)数据岛,命名空间
    activiti designer 安装到 myeclipse
    activiti5.15 学习笔记
    goole网址IP
    form 中Enctype=multipart/form-data 的作用
    上传文件form表单enctype="multipart/form-data"传值解决办法(代原代码)
    淘宝初始化样式
    js闭包使用之处
    CSS Sprites
    iframe用的场景
  • 原文地址:https://www.cnblogs.com/woaixingxing/p/7544320.html
Copyright © 2011-2022 走看看