AndroidStudio界面布局

大狗狗2026-04-05 11:09

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

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

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

XML 复制代码

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