关注

AndroidStudio界面布局

用惯了VisualStudio,这AndroidStudio真是不习惯。个人感觉VisualStudio是一个严格按照面向对象思想制作的集成化、所见即所得的开发工具。而AndroidStudio则是一个大杂烩。

就界面布局来说,VS的布局是由容器+控件的位置属性来构成,是面向对象的。使用简洁明了。AndroidStudio的布局就是想啥来啥,虽然也有可视化的设计器,但设计器里托拽下的位置居然仅供设计参考用,运行时无效。必需专门给控件添加布局参数。

AndroidStudio默认布局方式为ConstraintLayout布局,我认为引导线定位是一个兼容性较好的定位方式。

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 垂直 Guideline,距左侧 100dp -->
    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/v1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_begin="100dp" />
        
    <!-- 水平引导线:居中 -->
    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/h1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.5" />
        
    
    <Button
        android:id="@+id/button1"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintWidth_percent="1.0"
        app:layout_constraintHeight_percent="0.25"
        app:layout_constraintBottom_toTopOf="@id/h1" />
    
    
      <!-- 水平居中 -->
      <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Click Me"
        app:layout_constraintStart_toStartOf="parent" 
        app:layout_constraintEnd_toEndOf="parent"/>
        
      <!-- 垂直居中 --> 
      <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="点击我"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/> 

</androidx.constraintlayout.widget.ConstraintLayout>

转载自CSDN-专业IT技术社区

原文链接:https://blog.csdn.net/Win32FanEx/article/details/89679805

评论

赞0

评论列表

微信小程序
QQ小程序

关于作者

点赞数:0
关注数:0
粉丝:0
文章:0
关注标签:0
加入于:--