咱先拆解下你碰到的两个问题，根源其实都是布局和ViewBinding的使用细节没踩对：

为啥用ViewBinding时布局和预览不一样？ #

你的XML根布局LinearLayout设了android:layout_height="wrap_content"和android:layout_gravity="center_vertical"，预览里看着是居中的，但实际跑起来不对——核心原因是预览和实际运行的主题环境不一样！

Android Studio预览默认是不带ActionBar的，但你的Activity默认主题大概率带ActionBar。当你把这个LinearLayout通过setContentView(binding.root)设为根视图时，它的父容器是系统的FrameLayout，这个容器的高度会被ActionBar占去一块，导致center_vertical的对齐是在剩余空间里居中，和预览（全屏空间居中）的视觉效果就不一样了。另外，layout_gravity是让当前布局在父容器里对齐，而如果你的根布局宽度设成了match_parent，垂直居中的效果其实不太显眼，反而容易和预览产生偏差。

为啥换成setContentView(R.layout.activity_main)后按钮点不动？ #

这个是典型的「重复创建视图树」坑！你先通过ActivityMainBinding.inflate(layoutInflater)生成了一套独立的视图，还给这套视图里的按钮加了点击事件，但之后调用setContentView(R.layout.activity_main)时，系统又重新inflate了一套全新的视图树并显示在屏幕上——这两套视图完全没关系！你加了点击事件的那个按钮根本没被放到屏幕上，当然点了没反应。

修复方案 #

方案一：调整布局+正确使用ViewBinding（最推荐） #

这个方案能彻底解决预览和实际不一致的问题，同时规范ViewBinding的使用：

1. 修改XML布局，让内部控件真正居中
   把根布局的layout_height改成match_parent，用android:gravity="center"让内部的TextView和Button在整个屏幕居中，不用再依赖layout_gravity。修改后的XML：

   <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:tools="http://schemas.android.com/tools"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:gravity="center"
       android:orientation="vertical"
       tools:context=".MainActivity">
   
       <TextView
           android:id="@+id/result_text"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="@string/count"
           android:textSize="30sp" />
   
       <Button
           android:id="@+id/roll_button"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="@string/roll" />
   </LinearLayout>
   

2. 规范ViewBinding的代码顺序
   虽然原来的顺序不影响功能，但先设置ContentView再处理控件事件更符合常规写法，看着也更清晰：

   class MainActivity : AppCompatActivity() {
       private lateinit var binding: ActivityMainBinding
       override fun onCreate(savedInstanceState: Bundle?) {
           super.onCreate(savedInstanceState)
           binding = ActivityMainBinding.inflate(layoutInflater)
           setContentView(binding.root) // 先把视图挂到Activity上
           binding.rollButton.setOnClickListener { rollDice() } // 再给按钮加事件
       }
   
       private fun rollDice() {
           val randomDiceRoll = Random.nextInt(6) + 1
           Toast.makeText(this, randomDiceRoll.toString(), Toast.LENGTH_SHORT).show()
           binding.resultText.text = randomDiceRoll.toString()
       }
   }
   

方案二：保留原布局，隐藏ActionBar（适合不想改布局的情况） #

如果你不想动布局代码，可以把Activity的ActionBar去掉，让父容器的高度变成全屏，这样layout_gravity="center_vertical"的效果就和预览一致了：
在AndroidManifest.xml里修改你的Activity主题：

<activity
    android:name=".MainActivity"
    android:theme="@style/Theme.AppCompat.NoActionBar">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

同时记住绝对不要同时用ViewBinding.inflate和setContentView(R.layout...)，必须保持ViewBinding的视图是唯一被设置到Activity上的那个。

划重点 #

• 用ViewBinding的时候，只能把binding.root设置给setContentView，别再单独调用setContentView(R.layout...)，不然会出现「事件绑错视图」的问题。
• 预览和实际效果不一致，大多是主题差异（比如ActionBar）或者布局属性用错了场景，优先用gravity控制内部控件的对齐，比依赖layout_gravity靠谱得多。

内容的提问来源于stack exchange，提问作者Wizard28